*, :after, :before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

:active, :focus {
	outline: none
}

::-moz-selection {
	background: #008cba;
	text-shadow: none
}

::selection {
	background: #008cba;
	text-shadow: none
}

::-moz-selection:window-inactive {
	background: #008cba
}

::selection:window-inactive {
	background: #008cba
}

img::selection {
	background: none
}

img::-moz-selection {
	background: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, nav, section, summary {
	display: block
}

body, button, code, html, input, kbd, pre, samp, select, textarea {
	font-family: Arial, \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei,
		Hiragino Sans GB, \\5B8B\4F53, "sans-serif"
}

body, html {
	height: 100%;
	width: 100%
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 100%
}

body {
	font-size: 1em;
	line-height: 1;
	color: #121212
}

address, article, aside, blockquote, body, button, details, dialog, div,
	dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,
	header, hgroup, input, li ol, li ul, main, nav, ol, p, pre, section,
	select, summary, textarea, ul {
	margin: 0
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700
}

h1 {
	font-size: 2.625rem
}

h2 {
	font-size: 2rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.25rem
}

h5 {
	font-size: 1.125rem
}

h6 {
	font-size: 1rem
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto
}

blockquote:after, blockquote:before {
	font-weight: 700
}

blockquote:before {
	content: '" '
}

blockquote:after {
	content: ' "'
}

address {
	font-weight: 400;
	font-style: normal
}

details>summary {
	cursor: default
}

details[open]>summary {
	font-weight: 700
}

abbr[title], time[title] {
	border-bottom: 1px dotted #dcdcdc;
	cursor: help
}

b, strong {
	font-weight: 700
}

cite, dfn, em, i {
	font-style: italic
}

code, kbd {
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
	padding: 1px 5px
}

code {
	margin: 0 2px
}

kbd {
	color: #575757
}

del {
	text-decoration: line-through
}

ins {
	text-decoration: underline
}

mark {
	background: #fe5;
	padding: 1px 2px
}

q:before {
	content: '" '
}

q:after {
	content: ' "'
}

samp {
	font-family: Georgia
}

small, sub, sup {
	font-size: .75em
}

sub, sup {
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	top: .25em
}

var {
	font-weight: 400;
	font-style: normal
}

a {
	background: none;
	text-decoration: none;
	color: #008ca5;
	cursor: pointer
}

a[href^=mailto] {
	color: #09f
}

a:active, a:hover {
	outline: 0
}

img {
	vertical-align: baseline;
	max-width: 100%;
	height: auto;
	border: none
}

area {
	outline: none
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not ([controls] ){
	display: none;
	height: 0
}

svg:not (:root ){
	overflow: hidden
}

[hidden], template {
	display: none
}

ol, ul {
	padding: 0 0 0 2.5rem
}

dl>dt {
	font-weight: 700
}

dl>dd {
	margin-left: 0
}

nav>ol, nav>ul {
	list-style: none;
	padding-left: 0
}

table {
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

caption {
	padding: 0 0 1em;
	font-weight: 700
}

caption, td, th {
	text-align: left
}

td, th {
	margin: 0;
	padding: .3125rem;
	vertical-align: top
}

td[valign=middle], th[valign=middle] {
	vertical-align: middle
}

td[valign=bottom], th[valign=bottom] {
	vertical-align: bottom
}

table {
	border: 1px solid #dcdcdc
}

tr>td, tr>th {
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc
}

tr>td:first-child, tr>th:first-child {
	border-left-width: 0
}

table>caption+tbody>tr:first-child>td, table>caption+tbody>tr:first-child>th,
	table>caption+tfoot>tr:first-child>td, table>caption+tfoot>tr:first-child>th,
	table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th,
	table>tbody:first-child>tr:first-child>td, table>tbody:first-child>tr:first-child>th,
	table>tfoot:first-child>tr:first-child>td, table>tfoot:first-child>tr:first-child>th,
	table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th
	{
	border-top-width: 0
}

fieldset {
	border: 0;
	padding: 0
}

legend {
	display: block;
	width: 100%;
	border: none;
	white-space: normal;
	font-weight: 700;
	font-size: 1rem;
	margin: 0 0 1em;
	padding: 0
}

label {
	display: inline-block;
	vertical-align: top
}

button, input, select, textarea {
	font-size: 100%;
	width: 100%
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button {
	overflow: visible
}

input {
	line-height: normal
}

input[type=color] {
	width: 30px
}

input[type=checkbox], input[type=radio] {
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

textarea {
	resize: none;
	overflow: auto
}

optgroup {
	font-weight: 700
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #999;
	opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #999;
	opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #999;
	opacity: 1
}

hr {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	height: 0;
	border: none;
	border-top: 1px solid #dcdcdc;
	margin: 1.25rem 0
}

.kd-float-left {
	float: left
}

.kd-float-right {
	float: right
}

.clearfix:after, .clearfix:before, .kd-col:after, .kd-col:before,
	.kd-inner:after, .kd-inner:before, .kd-page:after, .kd-page:before,
	.kd-row:after, .kd-row:before, [class*=-body]:after, [class*=-body]:before,
	[class*=-foot]:after, [class*=-foot]:before, [class*=-head]:after, [class*=-head]:before,
	[class*=-main]:after, [class*=-main]:before, [class*=-side]:after, [class*=-side]:before
	{
	content: "";
	display: table
}

.clear, .clearfix:after, .kd-col:after, .kd-inner:after, .kd-page:after,
	.kd-row:after, [class*=-body]:after, [class*=-foot]:after, [class*=-head]:after,
	[class*=-main]:after, [class*=-side]:after {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0
}

.kd-center, .kd-container {
	margin-left: auto;
	margin-right: auto
}

.kd-checkbox>input, .kd-radio>input, .kd-virtual-hidden {
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	position: absolute;
	padding: 0;
	border: 0;
	font-size: 0;
	opacity: 0
}

.kd-button>button, .kd-button>input, .kd-cover-hidden, .kd-select>select
	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	opacity: 0
}

.kd-scrollable {
	overflow: auto;
	-webkit-overflow: auto;
	-webkit-overflow-scrolling: touch
}

.hidden {
	display: none
}

.force-hidden {
	display: none !important
}

.rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg)
}

.flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1)
}

.flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1)
}

.disabled, .readonly, [disabled], [readonly] {
	opacity: .75
}

.disabled, .disabled *, .readonly, .readonly *, [disabled], [disabled] *,
	[readonly], [readonly] * {
	cursor: no-drop
}

.kd-align-left {
	text-align: left !important
}

.kd-align-right {
	text-align: right !important
}

.kd-align-center {
	text-align: center !important
}

.kd-paragraph {
	display: block
}

.kd-link {
	text-decoration: underline
}

.kd-button {
	display: inline-block;
	position: relative;
	padding: .625rem;
	background: #01beb8;
	border: 1px solid #02a6c2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 1px 1px hsla(0, 0%, 100%, .3);
	-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 100%, .3) inset;
	color: #fff;
	text-align: center;
	vertical-align: baseline;
	width: 100%
}

.kd-button, .kd-button>* {
	cursor: pointer
}

.kd-button>*+* {
	margin-left: .3125rem
}

.kd-button.focus {
	background: #02a6c2
}

.kd-button.active {
	border-color: #0298b3;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .35) inset
}

.kd-button.disabled, .kd-button[disabled] {
	opacity: .35
}

.kd-button.hollow {
	color: #0ab2d6;
	border: 2px solid #0ab2d6;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: .5625rem .5rem
}

.kd-button.hollow.active {
	color: #10dc8d;
	border-color: #10dc8d
}

@font-face {
	font-family: IconsFont;
	src: url(/static/fonts/IconsFont/font.eot?v=2.4.1);
	src: url(/static/fonts/IconsFont/font.eot?v=2.4.1#iefix)
		format("embedded-opentype"),
		url(/static/fonts/IconsFont/font.woff?v=2.4.1) format("woff"),
		url(/static/fonts/IconsFont/font.ttf?v=2.4.1) format("truetype"),
		url(/static/fonts/IconsFont/font.svg?v=2.4.1#Fontawesome)
		format("svg");
	font-weight: 400;
	font-style: normal
}

.icon, :after, :before {
	font-family: IconsFont, Arial, \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei,
		Hiragino Sans GB, \\5B8B\4F53, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon {
	font-style: normal;
	text-rendering: auto
}

.icon, .icon:before {
	display: inline-block;
	vertical-align: baseline
}

.firefox .icon:before {
	margin-top: .15em
}

.icon-logo:before {
	content: "\EA00"
}

.icon-times:before {
	content: "\EF12"
}

.icon-payweixin:before {
	content: "\ED44";
	color: #19d100
}

.icon-payalipay:before {
	content: "\ED40";
	color: #29a1f7
}

.icon-paycard:before {
	content: "\ED41";
	color: #d374ff
}

.icon-payunion:before {
	content: "\ED43";
	color: #e03333
}

.icon-payservice:before {
	content: "\ED42";
	color: #ff4200
}

.icon-payqrcode:before {
	content: "\ED45";
	color: #000
}

.icon--img, .icon-CEB, .icon-CMBC, .icon-PAB, .icon-payqq,
	.icon-payqqpakge, .icon-unionPay {
	width: 3rem;
	height: 3rem;
	background: 50% no-repeat;
	background-size: contain
}

.icon-payqq, .icon-payqqpakge {
	background-image: url(/static/images/qq.svg);
	background-size: 80%
}

.icon-unionPay {
	background-image: url(/static/images/union-pay.svg)
}

.icon-ICBC:before {
	content: "\EFB2";
	color: #e50012
}

.icon-ABC:before {
	content: "\EFB3";
	color: #009174
}

.icon-BOC:before {
	content: "\EFB4";
	color: #c61620
}

.icon-CCB:before {
	content: "\EFB5";
	color: #053d8f
}

.icon-CMBC {
	background-image: url(/static/images/CMBC.svg)
}

.icon-CEB {
	background-image: url(/static/images/CEB.svg)
}

.icon-PAB {
	background-image: url(/static/images/PAB.svg)
}

.icon-HXB:before {
	content: "\EFB6";
	color: #e40012
}

.icon-CNCB:before {
	content: "\EFB7";
	color: #d7000f
}

.icon-CMB:before {
	content: "\EFB8";
	color: #e31e25
}

.icon-BCM:before {
	content: "\EFB9";
	color: #2d3080
}

.icon-CIB:before {
	content: "\EFBA";
	color: #004186
}

.icon-PSBC:before {
	content: "\EFBB";
	color: #007d3d
}

.icon-SPDB:before {
	content: "\EFBC";
	color: #005094
}

.icon-paytenpay:before {
	content: "\EF85";
	color: #f60
}

.icon-payjd:before {
	content: "\EFBD";
	color: #c81522
}

.icon-paybaidu:before {
	content: "\EFBE";
	color: #f74e47
}

.icon-payquick:before {
	content: "\EFBF";
	color: #ef833b
}

.nostyle {
	padding-left: 0
}

.kd-list, .nostyle {
	list-style: none
}

.kd-list>li {
	position: relative
}

.kd-list>li:before {
	left: -22px;
	position: absolute
}

.kd-list.point>li:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #121212;
	top: 6px
}

.kd-checkbox, .kd-radio {
	display: inline-block;
	position: relative;
	border: 1px solid transparent;
	width: 22px;
	height: 22px;
	overflow: hidden
}

.kd-checkbox.parted:before, .kd-radio.checked:before {
	display: block;
	content: "";
	height: 12px;
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px
}

.kd-radio, .kd-radio.checked:before {
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.kd-radio {
	border-color: #c0c3c3
}

.kd-radio.checked:before {
	background: #05db5c
}

.kd-radio.focus {
	border-width: 2px;
	border-color: #c6c6c6
}

.kd-radio.disabled {
	border-color: #efefef
}

.kd-radio.checked.disabled:before {
	background: #efefef
}

.kd-radio.error {
	border-color: #ff5969
}

.kd-radio.checked.error:before {
	background: #ff5969
}

.kd-radio.warning {
	border-color: #119399
}

.kd-radio.checked.warning:before {
	background: #119399
}

.kd-radio.success {
	border-color: #05db5c
}

.kd-radio.checked.success:before {
	background: #05db5c
}

.kd-checkbox {
	text-align: center
}

.kd-checkbox.checked:before {
	content: "\2713";
	font-size: 16px;
	line-height: 15px
}

.kd-checkbox {
	border-color: #c0c3c3
}

.kd-checkbox.checked:before {
	color: #05db5c
}

.kd-checkbox.parted:before {
	background: #05db5c
}

.kd-checkbox.focus {
	border-width: 2px;
	border-color: #c6c6c6
}

.kd-checkbox.disabled {
	border-color: #efefef
}

.kd-checkbox.checked.disabled:before {
	color: #efefef
}

.kd-checkbox.parted.disabled:before {
	background: #efefef
}

.kd-checkbox.error {
	border-color: #ff5969
}

.kd-checkbox.checked.error:before {
	color: #ff5969
}

.kd-checkbox.parted.error:before {
	background: #ff5969
}

.kd-checkbox.warning {
	border-color: #119399
}

.kd-checkbox.checked.warning:before {
	color: #119399
}

.kd-checkbox.parted.warning:before {
	background: #119399
}

.kd-checkbox.success {
	border-color: #05db5c
}

.kd-checkbox.checked.success:before {
	color: #05db5c
}

.kd-checkbox.parted.success:before {
	background: #05db5c
}

.kd-switch, .kd-switch .space, .kd-switch .value {
	display: inline-block
}

.kd-switch {
	background: #e9e9e9
}

.kd-switch .space, .kd-switch .value {
	width: 50%;
	height: 100%;
	font-size: .875rem;
	padding: .215rem .3rem;
	background: #ec3939;
	text-align: center
}

.kd-switch .space {
	background: none
}

.kd-switch .value:first-child {
	background: #02aecb;
	transition: .2s ease;
	-webkit-transition: .2s ease;
	margin-left: -50%
}

.kd-switch.checked .value:first-child {
	margin-left: 0
}

.kd-select, .kd-textinput {
	position: relative;
	padding: .1875rem .5rem;
	border: 1px solid #c0c3c3;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.kd-textinput>input, .kd-textinput>textarea {
	border: none;
	background: none;
	width: 100%;
	padding: 0;
	-webkit-appearance: none;
	font-size: 1rem;
	height: 1.875rem;
	line-height: 1.875;
	color: #121212
}

.kd-textinput>textarea {
	height: 9.375rem
}

.kd-select.focus, .kd-textinput.focus {
	border-width: 2px;
	border-color: #00bbcf;
	padding: .125rem .5rem
}

.kd-select.disabled, .kd-textinput.disabled {
	background: #f9f9f9;
	border-color: #efefef
}

.kd-select.disabled>.value, .kd-select.disabled>select, .kd-textinput.disabled>input,
	.kd-textinput.disabled>textarea {
	color: #efefef
}

.kd-select.error, .kd-textinput.error {
	border-color: #ff5969
}

.kd-select.error>.value, .kd-select.error>select, .kd-textinput.error>input,
	.kd-textinput.error>textarea {
	color: #ff5969
}

.kd-select.warning, .kd-textinput.warning {
	border-color: #356cd1
}

.kd-select.warning>.value, .kd-select.warning>select, .kd-textinput.warning>input,
	.kd-textinput.warning>textarea {
	color: #356cd1
}

.kd-select.success, .kd-textinput.success {
	border-color: #05db5c
}

.kd-select.success>.value, .kd-select.success>select, .kd-textinput.success>input,
	.kd-textinput.success>textarea {
	color: #05db5c
}

.kd-textinput.color {
	width: 2.4375rem;
	height: 2.4375rem;
	padding: 1px 3px
}

.kd-textinput.color>input {
	height: 100%;
	width: 100%
}

.kd-textinput.color>input:focus {
	border: none
}

.kd-select>select[multiple] {
	opacity: 1;
	top: 100%;
	height: auto;
	z-index: 1;
	display: none
}

.kd-select:before {
	content: "";
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border: .375rem solid transparent;
	border-bottom-width: 0;
	border-top-color: #666;
	position: absolute;
	top: 50%;
	right: 10.8px;
	right: .675rem;
	margin-top: -3px;
	margin-top: -.1875rem
}

.kd-select>select[multiple] {
	border: 1px solid #dcdcdc
}

.kd-select.opened select[multiple] {
	display: block
}

.kd-select>.value {
	height: 1.8125rem;
	line-height: 1.8125rem;
	margin-right: 1.875rem
}

.kd-select>.value, .kd-select>select {
	color: #121212
}

.kd-button.kd-file {
	overflow: hidden
}

.kd-button.kd-file>input[type=file] {
	font-size: 200em;
	margin-left: -5px;
	-webkit-appearance: none
}

.kd-page {
	min-width: 320px;
	overflow-x: hidden
}

.kd-container {
	width: 93.75%
}

.kd-row>* {
	float: left;
	display: block
}

.kd-row-middle {
	font-size: 0
}

.kd-row-middle:before, .kd-row-middle>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem
}

.kd-row-middle:before {
	content: "";
	height: 100%;
	width: 0
}

.kd-row-middle>* {
	max-width: 100%
}

.kd-form {
	padding: 1rem
}

.kd-field {
	margin-bottom: .75rem
}

.kd-field-title {
	display: block;
	margin-bottom: .2rem
}

.kd-field.error .kd-field-title, .kd-field.error .validation {
	color: #ff5969
}

.kd-field.success .kd-field-title {
	color: #05db5c
}

.kd-close {
	width: 1rem;
	height: 1rem;
	font-size: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: relative
}

.kd-close:after, .kd-close:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff
}

.kd-close:before {
	height: 2px;
	top: 50%;
	margin-top: -1px
}

.kd-close:after {
	width: 2px;
	left: 50%;
	margin-left: -1px
}

.logo {
	display: inline-block;
	width: 6rem;
	height: 2.375rem;
	font-size: 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle
}

.logo .icon-logo {
	font-size: 6rem;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.kd-badge {
	padding: 1px 2px;
	background: #008ca5;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.kd-ribbon, .kd-ribbon:before {
	display: inline-block
}

.kd-ribbon {
	padding: .25rem 1rem .25rem .75rem;
	background-color: #02aecb;
	color: #fff;
	position: relative;
	border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px
}

.kd-ribbon:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	border: 12px solid transparent;
	border: .75rem solid transparent;
	border-right-width: 0;
	border-left-color: #02aecb;
	margin-top: -12px;
	margin-top: -.75rem
}

.important {
	font-weight: 700;
	color: red
}

.kd-head {
	background: #02aecb;
	background: linear-gradient(left, #02aecb, #00cda8);
	background: -webkit-linear-gradient(left, #02aecb, #00cda8)
}

.kd-menu-item.active>a, .kd-menu-item>a:active, .kd-toolbar {
	background: #00cda8;
	background: linear-gradient(left, #00cda8, #02aecb);
	background: -webkit-linear-gradient(left, #00cda8, #02aecb)
}

@
keyframes a { 0%,80%,
	to {transform: scale(0);
	-webkit-transform: scale(0)
}

40%{
transform
:scale(1)
;-webkit-transform
:scale(1)
}
}
@
-webkit-keyframes a { 0%,80%,
	to {transform: scale(0);
	-webkit-transform: scale(0)
}

40%{
transform
:scale(1)
;-webkit-transform
:scale(1)
}
}
.kd-spinner {
	display: inline-block;
	font-size: 0;
	width: 150px;
	text-align: center
}

.kd-spinner .bounce {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #00bbcf;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	animation: a 1.6s infinite ease-in-out;
	-webkit-animation: a 1.6s infinite ease-in-out;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}

.kd-spinner .bounce.b1 {
	animation-delay: -.32s;
	-webkit-animation-delay: -.32s
}

.kd-spinner .bounce.b2 {
	animation-delay: -.16s;
	-webkit-animation-delay: -.16s;
	margin: 0 .5rem
}

.kd-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	z-index: 999;
	text-align: center
}

.kd-loading:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 100%
}

.animated {
	animation-duration: .35s;
	-webkit-animation-duration: .35s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

@
keyframes b { 0%{
	opacity: 0;
	transform: scale3d(.3, .3, .3);
	-webkit-transform: scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
@
-webkit-keyframes b { 0%{
	opacity: 0;
	transform: scale3d(.3, .3, .3);
	-webkit-transform: scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
.zoom-in {
	animation-name: b;
	-webkit-animation-name: b
}

@
keyframes c { 0%{
	opacity: 1
}

50%{
opacity
:
0;transform
:scale3d
(
.3
,
.3
,
.3
);-webkit-transform
:scale3d
(
.3
,
.3
,
.3
)
}
to {
	opacity: 0
}

}
@
-webkit-keyframes c { 0%{
	opacity: 1
}

50%{
opacity
:
0;transform
:scale3d
(
.3
,
.3
,
.3
);-webkit-transform
:scale3d
(
.3
,
.3
,
.3
)
}
to {
	opacity: 0
}

}
.zoom-out {
	animation-name: c;
	-webkit-animation-name: c
}

@
keyframes d { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
@
-webkit-keyframes d { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
.fade-in {
	animation-name: d;
	-webkit-animation-name: d
}

@
keyframes e { 0%{
	opacity: 1
}

to {
	opacity: 0
}

}
@
-webkit-keyframes e { 0%{
	opacity: 1
}

to {
	opacity: 0
}

}
.fade-out {
	animation-name: e;
	-webkit-animation-name: e
}

@
keyframes f { 0%{
	opacity: 0
}

50%{
opacity
:
1;transform
:translate
(100%
,
-100%);
-webkit-transform
:translate
(100%
,
-100%)
}
to {
	opacity: 0;
	transform: translate(0);
	-webkit-transform: translate(0)
}

}
@
-webkit-keyframes f { 0%{
	opacity: 0
}

50%{
opacity
:
1;transform
:translate
(100%
,
-100%);
-webkit-transform
:translate
(100%
,
-100%)
}
to {
	opacity: 0;
	transform: translate(0);
	-webkit-transform: translate(0)
}

}
.plus-one {
	animation-name: f;
	-webkit-animation-name: f
}

@
keyframes g { 0%{
	max-height: 1px;
	overflow: hidden
}

to {
	max-height: 999rem;
	overflow: hidden
}

}
@
-webkit-keyframes g { 0%{
	max-height: 1px;
	overflow: hidden
}

to {
	max-height: 999rem;
	overflow: hidden
}

}
.slide-down {
	animation-name: g;
	-webkit-animation-name: g
}

@
keyframes h { 0%{
	max-height: 999rem;
	overflow: hidden
}

to {
	max-height: 1px;
	overflow: hidden
}

}
@
-webkit-keyframes h { 0%{
	max-height: 999rem;
	overflow: hidden
}

to {
	max-height: 1px;
	overflow: hidden
}

}
.slide-up {
	animation-name: h;
	-webkit-animation-name: h
}

@
keyframes i { 0%,20%,53%,80%,
	to {animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translateZ(0) scaleY(.98);
	-webkit-transform: translateZ(0) scaleY(.98)
}

40%,43%{
animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);-webkit-animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);transform
:translate3d
(0
,
-
.375rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.375rem
,
0)
scaleY
(1)
}
70%{
animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);-webkit-animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);transform
:translate3d
(0
,
-
.25rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.25rem
,
0)
scaleY
(1)
}
90%{
transform
:translate3d
(0
,
-
.125rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.125rem
,
0)
scaleY
(1)
}
}
@
-webkit-keyframes i { 0%,20%,53%,80%,
	to {animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translateZ(0) scaleY(.98);
	-webkit-transform: translateZ(0) scaleY(.98)
}

40%,43%{
animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);-webkit-animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);transform
:translate3d
(0
,
-
.375rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.375rem
,
0)
scaleY
(1)
}
70%{
animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);-webkit-animation-timing-function
:cubic-bezier
(
.755
,
.05
,
.855
,
.06
);transform
:translate3d
(0
,
-
.25rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.25rem
,
0)
scaleY
(1)
}
90%{
transform
:translate3d
(0
,
-
.125rem
,
0)
scaleY
(1);-webkit-transform
:translate3d
(0
,
-
.125rem
,
0)
scaleY
(1)
}
}
.bounce {
	animation-name: i;
	-webkit-animation-name: i
}

@
keyframes j { 0%{
	transform: none;
	-webkit-transform: none
}

15%{
transform
:translate3d
(-25%
,
0,0)
rotate
(-5deg);-webkit-transform
:translate3d
(-25%
,
0,0)
rotate
(-5deg)
}
30%{
transform
:translate3d
(20%
,
0,0)
rotate
(3deg);-webkit-transform
:translate3d
(20%
,
0,0)
rotate
(3deg)
}
45%{
transform
:translate3d
(-15%
,
0,0)
rotate
(-3deg);-webkit-transform
:translate3d
(-15%
,
0,0)
rotate
(-3deg)
}
60%{
transform
:translate3d
(10%
,
0,0)
rotate
(2deg);-webkit-transform
:translate3d
(10%
,
0,0)
rotate
(2deg)
}
75%{
transform
:translate3d
(-5%
,
0,0)
rotate
(-1deg);-webkit-transform
:translate3d
(-5%
,
0,0)
rotate
(-1deg)
}
to {
	transform: none;
	-webkit-transform: none
}

}
@
-webkit-keyframes j { 0%{
	transform: none;
	-webkit-transform: none
}

15%{
transform
:translate3d
(-25%
,
0,0)
rotate
(-5deg);-webkit-transform
:translate3d
(-25%
,
0,0)
rotate
(-5deg)
}
30%{
transform
:translate3d
(20%
,
0,0)
rotate
(3deg);-webkit-transform
:translate3d
(20%
,
0,0)
rotate
(3deg)
}
45%{
transform
:translate3d
(-15%
,
0,0)
rotate
(-3deg);-webkit-transform
:translate3d
(-15%
,
0,0)
rotate
(-3deg)
}
60%{
transform
:translate3d
(10%
,
0,0)
rotate
(2deg);-webkit-transform
:translate3d
(10%
,
0,0)
rotate
(2deg)
}
75%{
transform
:translate3d
(-5%
,
0,0)
rotate
(-1deg);-webkit-transform
:translate3d
(-5%
,
0,0)
rotate
(-1deg)
}
to {
	transform: none;
	-webkit-transform: none
}

}
.wobble {
	animation-name: j;
	-webkit-animation-name: j
}

@
keyframes k { 0%,20%,40%,60%,80%,
	to {animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;transform
:scale3d
(
.3
,
.3
,
.3
);-webkit-transform
:scale3d
(
.3
,
.3
,
.3
)
}
20%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
40%{
transform
:scale3d
(
.9
,
.9
,
.9
);-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
}
60%{
opacity
:
1;transform
:scale3d
(1
.03
,
1
.03
,
1
.03
);-webkit-transform
:scale3d
(1
.03
,
1
.03
,
1
.03
)
}
80%{
transform
:scale3d
(
.97
,
.97
,
.97
);-webkit-transform
:scale3d
(
.97
,
.97
,
.97
)
}
to {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transform: scaleX(1)
}

}
@
-webkit-keyframes k { 0%,20%,40%,60%,80%,
	to {animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;transform
:scale3d
(
.3
,
.3
,
.3
);-webkit-transform
:scale3d
(
.3
,
.3
,
.3
)
}
20%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
40%{
transform
:scale3d
(
.9
,
.9
,
.9
);-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
}
60%{
opacity
:
1;transform
:scale3d
(1
.03
,
1
.03
,
1
.03
);-webkit-transform
:scale3d
(1
.03
,
1
.03
,
1
.03
)
}
80%{
transform
:scale3d
(
.97
,
.97
,
.97
);-webkit-transform
:scale3d
(
.97
,
.97
,
.97
)
}
to {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transform: scaleX(1)
}

}
.bounce-in {
	animation-name: k;
	-webkit-animation-name: k
}

@
keyframes l { 20%{
	transform: scale3d(.9, .9, .9);
	-webkit-transform: scale3d(.9, .9, .9)
}

50%,55%{
opacity
:
1;transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
to {
	opacity: 0;
	transform: scale3d(.3, .3, .3);
	-webkit-transform: scale3d(.3, .3, .3)
}

}
@
-webkit-keyframes l { 20%{
	transform: scale3d(.9, .9, .9);
	-webkit-transform: scale3d(.9, .9, .9)
}

50%,55%{
opacity
:
1;transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
to {
	opacity: 0;
	transform: scale3d(.3, .3, .3);
	-webkit-transform: scale3d(.3, .3, .3)
}

}
.bounce-out {
	animation-name: l;
	-webkit-animation-name: l
}

@
keyframes m { 0%,
	to {transform: scaleX(1);
	-webkit-transform: scaleX(1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate
(-3deg);-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate
(-3deg)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(3deg);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(3deg)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(-3deg);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(-3deg)
}
}
@
-webkit-keyframes m { 0%,
	to {transform: scaleX(1);
	-webkit-transform: scaleX(1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate
(-3deg);-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate
(-3deg)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(3deg);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(3deg)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(-3deg);-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate
(-3deg)
}
}
.tada {
	animation-name: m;
	-webkit-animation-name: m
}

.page-title {
	font-size: 1.125rem;
	padding: 1.25rem 0;
	color: #333;
	text-align: center;
	letter-spacing: .625rem
}

.page-title:after, .page-title:before {
	content: "";
	display: inline-block;
	width: 48px;
	width: 3rem;
	height: 2px;
	background-color: #ccc;
	vertical-align: middle
}

.page-title:before {
	margin-right: 10px;
	margin-right: .625rem
}

.message-tip {
	width: 300px;
	background: #fff;
	box-shadow: 0 0 3px #02aecb;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: .75rem 2rem .75rem 2.5rem;
	font-size: .875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #353535;
	position: fixed;
	top: 18%;
	left: 50%;
	margin-left: -150px;
	z-index: 99
}

.message-tip .icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 2rem;
	background-color: #02aecb;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700
}

.message-tip .icon:after, .message-tip .icon:before {
	display: inline-block;
	vertical-align: middle
}

.message-tip .icon:before {
	content: "";
	height: 100%;
	width: 0
}

.message-tip .icon:after {
	content: "\EB80";
	font-size: 24px;
	font-size: 1.5rem
}

.message-tip .kd-close {
	position: absolute;
	right: .5rem;
	top: .65rem
}

.message-tip .kd-close:after, .message-tip .kd-close:before {
	background-color: #999
}

.message-tip.success {
	box-shadow: 0 0 3px #05db5c
}

.message-tip.success .icon {
	background-color: #05db5c
}

.message-tip.success .icon:after {
	content: "\EF19"
}

.message-tip.error {
	box-shadow: 0 0 3px #a00
}

.message-tip.error .icon {
	background-color: #a00
}

.message-tip.error .icon:after {
	content: "\EF18"
}

.message-tip.warning {
	box-shadow: 0 0 3px #119399
}

.message-tip.warning .icon {
	background-color: #119399
}

.has-message {
	position: relative
}

.has-message:after {
	content: attr(data-msglen);
	display: inline-block;
	height: 16px;
	height: 1rem;
	width: 16px;
	width: 1rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	background: red;
	color: #fff;
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 5.6px;
	top: .35rem
}

.kd-box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
	background-color: #fff;
	min-height: 1rem;
	position: relative
}

.kd-list .item.more {
	text-align: center;
	color: #ccc
}

.kd-list.one-col .item {
	margin-bottom: 1.25rem
}

.kd-list.two-cols {
	padding: 1rem .5rem
}

.kd-list.two-cols .title {
	color: #333;
	font-size: 1.0625rem;
	margin-bottom: 1.25rem
}

.kd-list.two-cols .item {
	margin-top: 3px;
	font-size: 0;
	background-color: #fbfbfb;
	position: relative
}

.kd-list.two-cols .item:after {
	content: "";
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 38%;
	background-color: #fff
}

.kd-list.two-cols .kd-col {
	display: inline-block;
	width: 62%;
	font-size: .875rem;
	padding: .875rem;
	vertical-align: middle;
	color: #545454
}

.kd-list.two-cols .kd-col:first-child {
	width: 38%;
	font-weight: 400;
	background-color: #efefef
}

.kd-list.two-cols.total {
	padding-top: 0;
	padding-bottom: 0
}

.kd-list.two-cols.total .item:after {
	left: 25%
}

.kd-list.two-cols.total .kd-col {
	width: 75%;
	padding: .625rem .875rem
}

.kd-list.two-cols.total .kd-col:first-child {
	width: 25%
}

.kd-list.two-cols.earnings {
	padding: 0
}

.kd-list.data-list {
	font-size: .875rem
}

.kd-list.data-list .item {
	margin-bottom: 1rem
}

.kd-list.data-list .item.empty {
	text-align: center;
	padding: 2rem 0
}

.kd-box.data {
	padding: 1rem;
	border-top: 5px solid #02aecb
}

.kd-box.data .data-item {
	margin-top: .5rem;
	border-top: 1px solid #fbfbfb;
	padding-top: .5rem
}

.kd-box.data .data-item:first-child {
	margin-top: 0;
	border-top-width: 0;
	padding-top: 0
}

.kd-box.data .data-item-key, .kd-box.data .data-item-value {
	display: inline-block;
	width: 70%;
	vertical-align: top
}

.kd-box.data .data-item-key {
	width: 30%;
	text-align: right;
	padding-right: .3125rem
}

.kd-box.data .data-item-value {
	color: #666
}

.total {
	font-size: 1rem
}

.article {
	line-height: 2;
	padding: 1rem .5rem;
	font-size: .9375rem
}

.article .indent {
	text-indent: 1.75rem
}

.article .important {
	color: red
}

.kd-form {
	padding: 0 .5rem 2rem;
	line-height: 1.5
}

.kd-form, .kd-form .kd-textinput input, .kd-form .kd-textinput textarea
	{
	font-size: .875rem
}

.kd-form .kd-field-text {
	padding: .5rem .5rem .4375rem;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #777
}

.kd-form .kd-buttons {
	text-align: center;
	margin-top: .5rem
}

.kd-form .kd-button {
	font-weight: 700;
	transition: all .1s ease-in-out;
	margin-top: .5rem;
	font-size: 1rem
}

.kd-form .kd-button.main-button {
	margin-bottom: .5rem
}

.filter-tool-toggle {
	display: block;
	position: fixed;
	bottom: 15%;
	right: 5%;
	background: linear-gradient(bottom, #02aecb, #00cda8);
	background: -webkit-linear-gradient(bottom, #02aecb, #00cda8);
	box-shadow: 0 1px 3px rgba(0, 140, 165, .5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 140, 165, .5);
	height: 50px;
	width: 50px;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	font-size: .8125rem;
	line-height: 50px
}

.filter-tool-toggle:active {
	background: #02aecb;
	text-decoration: none
}

.promptbox-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.promptbox, .promptbox-overlay {
	position: absolute;
	top: 0;
	left: 0
}

.promptbox {
	width: 90%;
	max-width: 300px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1;
	padding: 0 0 1rem;
	font-size: .875rem;
	border: 2px solid #008ca5;
	border-top-width: 0
}

.prompt-close.kd-close {
	position: absolute;
	top: .3rem;
	right: .5rem
}

.prompt-head {
	padding: .5rem 1rem;
	background-color: #008ca5;
	color: #fff
}

.prompt-body {
	color: #666;
	padding: 1rem 1rem 0;
	font-size: .8125rem;
	max-height: 360px;
	overflow: auto
}

.promptbox-overlay {
	background-color: #fff;
	opacity: .8;
	width: 100%;
	height: 100%
}

.promptbox.error {
	border-color: #e83426
}

.promptbox.error .prompt-head {
	background-color: #e83426
}

.promptbox.warn {
	border-color: #0046ae
}

.promptbox.warn .prompt-head {
	background-color: #0046ae
}

.chat-loading {
	padding: 5rem 0;
	text-align: center
}

.empty {
	padding: 3rem 2rem;
	line-height: 1.5;
	font-weight: 400;
	color: #666;
	text-align: center
}

.chat-more {
	font-size: .875rem;
	text-align: center;
	padding: 1rem 0 0
}

.chat-author {
	font-weight: 400;
	margin-top: 1rem;
	overflow: hidden
}

.chat-author .icon {
	height: 30px;
	width: 30px;
	background-color: #99dce8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	vertical-align: middle;
	position: relative;
	overflow: hidden
}

.chat-author .icon:after, .chat-author .icon:before {
	content: "";
	display: block;
	height: 14px;
	width: 14px;
	background-color: hsla(0, 0%, 100%, .5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 4px;
	margin-left: -7px
}

.chat-author .icon:after {
	height: 26px;
	width: 26px;
	margin-left: -13px;
	top: 18px
}

.chat-author .name {
	font-size: .9375rem
}

.chat-author .time {
	font-size: .75em;
	color: #999
}

.chat-author.self {
	text-align: right
}

.chat-author.self .icon {
	background-color: #43dec2
}

.chat-message .inner {
	display: inline-block;
	margin: 0 1rem 0 35px;
	background-color: #63d8ec;
	padding: .8rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	font-size: .875rem;
	color: #004c58
}

.chat-message .inner:before {
	content: "";
	border: solid transparent;
	border-width: 0 12.8px 16px 0;
	border-width: 0 .8rem 1rem 0;
	border-bottom-color: #63d8ec;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	position: absolute;
	left: -3.2px;
	left: -.2rem;
	top: -9.6px;
	top: -.6rem
}

.chat-message img {
	max-height: 100px
}

.chat-message.self {
	text-align: right
}

.chat-message.self .inner {
	text-align: left;
	margin: 0 35px 0 1rem;
	background-color: #00cda8;
	color: #02473b
}

.chat-message.self .inner:before {
	border-width: 0 0 16px 12.8px;
	border-width: 0 0 1rem .8rem;
	border-bottom-color: #00cda8;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	position: absolute;
	left: auto;
	right: -3.2px;
	right: -.2rem
}

.chat-message.remind-message .inner {
	color: #e37000
}

.add-qq-contact {
	display: inline-block;
	width: auto;
	padding: .3125rem;
	padding-left: 1.8125rem;
	margin-top: .3125rem
}

.add-qq-contact .icon-qq {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: .4rem;
	left: .25rem
}

.add-qq-contact .icon-qq:before {
	width: 100%
}

.firefox .add-qq-contact .icon-qq:before {
	margin-top: 0
}

.chat-message.remain-message .add-qq-contact {
	padding-left: 1.5rem
}

.chat-message.remind-message .add-qq-contact .icon-qq {
	width: 1.25rem;
	height: 1.25rem;
	top: .25rem
}

.chat-textinput {
	position: fixed;
	bottom: 4.3125rem;
	background-color: #fff;
	width: 100%;
	min-width: 320px;
	font-size: 0;
	padding-bottom: .2rem;
	z-index: 2
}

.is-hide-toolbar .chat-textinput {
	bottom: .8125rem
}

.countdown-tip {
	display: inline-block;
	padding: .5rem;
	border: 1px solid #d4ba00;
	background-color: #fff;
	line-height: 1.2;
	position: absolute;
	bottom: 100%;
	right: 5%;
	font-size: .75rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: .75rem;
	animation-name: j;
	-webkit-animation-name: j;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 10s;
	-webkit-animation-duration: 10s
}

.countdown-tip, .countdown-tip a {
	color: #d4ba00
}

.countdown-tip:after, .countdown-tip:before {
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 12px 8px 0;
	border-width: .75rem .5rem 0;
	border-top-color: #d4ba00;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	margin-left: -.5rem
}

.countdown-tip:after {
	border-top-color: #fff;
	margin-top: -2px
}

.chat-textinput .kd-textinput {
	padding-top: .35rem;
	padding-bottom: .35rem;
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-width: 1px 0 0
}

.chat-textinput .kd-textinput, .chat-textinput .kd-textinput>textarea {
	font-size: .875rem;
	line-height: 1
}

.chat-textinput .kd-textinput>textarea {
	height: 2.875rem
}

.chat-notice, .chat-textinput .kd-button.send {
	display: inline-block;
	vertical-align: middle;
	font-size: .875rem;
	margin: 0 2%
}

.chat-textinput .kd-button.send {
	width: 22%;
	padding: .3rem 0
}

.chat-notice {
	width: calc(70% - 2rem);
	height: 1rem;
	white-space: nowrap;
	overflow: hidden;
	color: #999
}

.chat-notice .important {
	color: red
}

.prompt-chat-history {
	max-width: 90%
}

.history-list li {
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px dashed #efefef
}

.history-title {
	color: #00cda8
}

.history-message {
	padding: .5rem
}

.chat-history-pager .kd-pager-item {
	font-size: .875rem;
	margin: 0 .25rem
}

.prompt-question .kd-textinput {
	margin: 1rem 0
}

.prompt-question .kd-textinput, .prompt-question .kd-textinput>input {
	font-size: .875rem
}

.coin, .coin:before {
	display: block;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.coin {
	height: 44px;
	width: 44px;
	background: #ffe000;
	position: fixed;
	z-index: 8;
	text-align: center;
	line-height: 44px;
	color: #d4ba00
}

.coin:before {
	content: "";
	height: 80%;
	width: 80%;
	position: absolute;
	margin: -40% 0 0 -40%;
	border: 2px solid hsla(0, 0%, 100%, .8)
}

.red-package {
	height: 40px;
	width: 30px;
	background: red;
	position: fixed;
	z-index: 8;
	text-align: center;
	color: #ff9f9f;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	line-height: 20px;
	font-size: .875rem;
	box-shadow: 0 0 2px #fff;
	-webkit-box-shadow: 0 0 2px #fff
}

.red-package:before {
	content: "";
	display: block;
	width: 100%;
	height: 16px;
	border-bottom: 2px solid #ff9f9f;
	background: red;
	border-radius: 4px 4px 50px 50px;
	-webkit-border-radius: 4px 4px 50px 50px
}

.red-package:after {
	content: "";
	display: block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #ff9f9f;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -2px
}

.lottery-ball, .lottery-plus, .lottery-prop {
	display: inline-block
}

.lottery-ball {
	height: 1.625rem;
	width: 1.625rem;
	text-align: center;
	line-height: 1.375rem;
	font-size: .875rem;
	border: 2px solid #e83f3f;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #e83f3f
}

.lottery-ball.solid {
	background: #e83f3f;
	color: #fff
}

.lottery-ball.rect {
	border-radius: .25rem
}

.lottery-ball.cqssc {
	color: #e83f3f;
	border-color: #e83f3f
}

.lottery-ball.cqssc.solid {
	background: #e83f3f
}

.lottery-ball.marksix.red {
	color: #f02828;
	border-color: #f02828
}

.lottery-ball.marksix.red.solid {
	background: #f02828
}

.lottery-ball.marksix.blue {
	color: #336dcc;
	border-color: #336dcc
}

.lottery-ball.marksix.blue.solid {
	background: #336dcc
}

.lottery-ball.marksix.green {
	color: #09b832;
	border-color: #09b832
}

.lottery-ball.marksix.green.solid {
	background: #09b832
}

.lottery-ball.pk10.ball1 {
	color: #d8d21c;
	border-color: #d8d21c
}

.lottery-ball.pk10.ball1.solid {
	background: #d8d21c
}

.lottery-ball.pk10.ball2 {
	color: #3273f9;
	border-color: #3273f9
}

.lottery-ball.pk10.ball2.solid {
	background: #3273f9
}

.lottery-ball.pk10.ball3 {
	color: #515567;
	border-color: #515567
}

.lottery-ball.pk10.ball3.solid {
	background: #515567
}

.lottery-ball.pk10.ball4 {
	color: #e6962d;
	border-color: #e6962d
}

.lottery-ball.pk10.ball4.solid {
	background: #e6962d
}

.lottery-ball.pk10.ball5 {
	color: #0ec2c4;
	border-color: #0ec2c4
}

.lottery-ball.pk10.ball5.solid {
	background: #0ec2c4
}

.lottery-ball.pk10.ball6 {
	color: #2d35d0;
	border-color: #2d35d0
}

.lottery-ball.pk10.ball6.solid {
	background: #2d35d0
}

.lottery-ball.pk10.ball7 {
	color: #aeafc5;
	border-color: #aeafc5
}

.lottery-ball.pk10.ball7.solid {
	background: #aeafc5
}

.lottery-ball.pk10.ball8 {
	color: #e63131;
	border-color: #e63131
}

.lottery-ball.pk10.ball8.solid {
	background: #e63131
}

.lottery-ball.pk10.ball9 {
	color: #7c1f1f;
	border-color: #7c1f1f
}

.lottery-ball.pk10.ball9.solid {
	background: #7c1f1f
}

.lottery-ball.pk10.ball10 {
	color: #2dcc21;
	border-color: #2dcc21
}

.lottery-ball.pk10.ball10.solid {
	background: #2dcc21
}

.lottery-ball.cqssc.solid, .lottery-ball.marksix.solid, .lottery-ball.pk10.solid
	{
	color: #fff
}

.lottery-ball.baccarat, .lottery-ball.longhu {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 1.75rem;
	height: 2.5rem;
	overflow: hidden
}

.lottery-ball.baccarat:after, .lottery-ball.longhu:after {
	font-size: 16px;
	font-size: 1rem;
	position: absolute;
	bottom: -2px;
	bottom: -.125rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.lottery-ball.pcdd {
	background: #01c3b3;
	border-color: #01c3b3
}

.lottery-ball-title {
	color: #666
}

.lottery-ball.club, .lottery-ball.spade {
	color: #000
}

.lottery-ball.spade:after {
	content: "\EF1F"
}

.lottery-ball.diamond, .lottery-ball.heart {
	color: red
}

.lottery-ball.heart:after {
	content: "\EF1E"
}

.lottery-ball.diamond:after {
	content: "\EF1D"
}

.lottery-ball.club:after {
	content: "\EF1C"
}

.lottery-prop {
	min-width: 1.875rem;
	height: 1.375rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	line-height: 1.375rem;
	font-size: .9375rem;
	text-align: center;
	color: #008ca5;
	padding: 0 .25rem
}

.lottery-prop.large-small, .lottery-prop.odd-even {
	padding: 0;
	height: 1.375rem;
	width: 1.375rem;
	min-width: 0;
	line-height: 1.375rem;
	border-radius: 50%;
	background: #01c3b3;
	color: #fff;
	font-size: .75rem
}

.lottery-prop.odd-even {
	background: #f24439
}

.lottery-plus {
	height: .75rem;
	width: .75rem;
	position: relative;
	top: .5rem
}

.lottery-plus:after, .lottery-plus:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #121212
}

.lottery-plus:before {
	height: 2px;
	top: 50%;
	margin-top: -1px
}

.lottery-plus:after {
	width: 2px;
	left: 50%;
	margin-left: -1px
}

.lottery-odds {
	display: inline-block;
	color: #666;
	font-size: .75rem;
	font-weight: 700;
	vertical-align: middle
}

.page-game-pcdd {
	background-color: #efeff4
}

.page-game-pcdd .kd-body.game-d {
	padding-left: 0
}

.page-game-pcdd ul.unstyle {
	margin: 0 auto;
	list-style: none;
	padding: 0
}

.kd-chip-button {
	font-size: .875rem;
	display: inline-block;
	height: 2.625rem;
	width: 2.625rem;
	color: #000;
	font-weight: 700;
	cursor: default
}

.kd-chip-button.selected .kdcb-inner {
	box-shadow: 0 0 .15rem .15rem #f3ef1d
}

.kd-chip-button.chip1 {
	color: #02a045
}

.kd-chip-button.chip2 {
	color: #198dfb
}

.kd-chip-button.chip3 {
	color: #7c4dff
}

.kd-chip-button.chip4 {
	color: #5434db
}

.kd-chip-button.chip5 {
	color: #e040fb
}

.kd-chip-button.chip6 {
	color: #ffa000
}

.kd-chip-button.chip7 {
	color: #b301d1
}

.kd-chip-button.chip8 {
	color: #e8226e
}

.kd-chip-button.chip9 {
	color: #062679
}

.kd-chip-button.chip10 {
	color: #87045d
}

.kd-chip-button.chip-odd-desc {
	color: #dc3507
}

.kd-chip-button.chip-odd-desc:before {
	content: "";
	display: block;
	width: 40px;
	width: 2.5rem;
	height: 40px;
	height: 2.5rem;
	position: relative;
	border-radius: 50%;
	border-left: 14px solid #cd650a;
	border-left: .875rem solid #cd650a;
	opacity: .15;
	z-index: 2;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kd-chip-button.disabled {
	color: #888 !important
}

.kdcb-inner {
	height: 100%;
	width: 100%;
	background: currentColor;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	transition: -webkit-transform .05s ease;
	transition: transform .05s ease;
	transition: transform .05s ease, -webkit-transform .05s ease;
	border: .0625rem solid
}

.kd-chip-button.active .kdcb-inner {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	box-shadow: 0 0 .625rem hsla(0, 0%, 100%, .6)
}

.kdcb-inner:before {
	content: "";
	display: block;
	width: 32px;
	width: 2rem;
	height: 32px;
	height: 2rem;
	background: currentColor;
	border-radius: 50%;
	margin: 4px auto;
	margin: .25rem auto;
	position: relative;
	z-index: 1
}

.kdcb-border:after, .kdcb-border:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 10%
}

.kdcb-border.one:after, .kdcb-border.one:before {
	height: 8px;
	height: .5rem;
	margin: -4px 0 0 -20px;
	margin: -.25rem 0 0 -1.25rem
}

.kdcb-border.one:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kdcb-border.two:after, .kdcb-border.two:before {
	width: 8px;
	width: .5rem;
	margin: -20px 0 0 -4px;
	margin: -1.25rem 0 0 -.25rem
}

.kdcb-border.two:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kdcb-text {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -.875rem 0 0 -.875rem
}

.kd-chip-button.chip-odd-desc .kdcb-text {
	line-height: 1.1;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	font-weight: 400
}

.kd-radio2 .icon input {
	opacity: 0
}

.kd-radio2 .icon, .kd-radio2.checked .icon:before {
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	-webkit-border-radius: 100%
}

.kd-radio2 .icon {
	width: 30px;
	height: 30px;
	background-color: #09f;
	position: relative
}

.kd-radio2.checked .icon:before {
	content: "";
	height: 16px;
	width: 16px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.kd-checkbox.checked .icon:before, .kd-checkbox .icon {
	display: inline-block;
	vertical-align: middle
}

.kd-checkbox .icon {
	width: 30px;
	height: 30px;
	position: relative;
	line-height: 30px;
	text-align: center
}

.kd-checkbox.checked .icon:before {
	content: "\2713";
	color: #fff
}

.kd-chip, .kd-chip span {
	border: 1px solid #fdbb17
}

.kd-chip {
	display: inline-block;
	height: 36px;
	width: 36px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	box-shadow: 0 1px 0 #ce9300;
	-webkit-box-shadow: 0 1px 0 #ce9300;
	position: relative;
	color: #fdbb17
}

.kd-chip:after, .kd-chip:before, .kd-chip i:after, .kd-chip i:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 8px;
	height: 100%;
	margin: 0 0 0 -4px;
	background-color: #fdbb17
}

.kd-chip:after, .kd-chip i:after {
	width: 100%;
	height: 8px;
	top: 50%;
	left: 0;
	margin: -4px 0 0
}

.kd-chip i:after, .kd-chip i:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.kd-chip span {
	background-color: #fff;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	z-index: 1;
	font-size: .75rem;
	line-height: 2.167
}

.kd-chip span:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.kd-chip.checked span:after {
	content: "\2713";
	position: absolute;
	top: -10px;
	top: -.625rem;
	left: 50%;
	margin-left: -8px;
	margin-left: -.5rem;
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	line-height: 12px;
	line-height: .75rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #fff;
	background-color: #09f
}

.kd-chip.chip1, .kd-chip.chip1 span {
	border-color: #00e500
}

.kd-chip.chip1 {
	box-shadow: 0 1px 0 #00be00;
	-webkit-box-shadow: 0 1px 0 #00be00;
	color: #00e500
}

.kd-chip.chip1 i:after, .kd-chip.chip1 i:before, .kd-chip.chip1:after,
	.kd-chip.chip1:before {
	background-color: #00e500
}

.kd-chip.chip2, .kd-chip.chip2 span {
	border-color: #009be5
}

.kd-chip.chip2 {
	box-shadow: 0 1px 0 #0378b0;
	-webkit-box-shadow: 0 1px 0 #0378b0;
	color: #009be5
}

.kd-chip.chip2 i:after, .kd-chip.chip2 i:before, .kd-chip.chip2:after,
	.kd-chip.chip2:before {
	background-color: #009be5
}

.kd-chip.chip3, .kd-chip.chip3 span {
	border-color: #e59500
}

.kd-chip.chip3 {
	box-shadow: 0 1px 0 #b47500;
	-webkit-box-shadow: 0 1px 0 #b47500;
	color: #e59500
}

.kd-chip.chip3 i:after, .kd-chip.chip3 i:before, .kd-chip.chip3:after,
	.kd-chip.chip3:before {
	background-color: #e59500
}

.kd-chip.chip4, .kd-chip.chip4 span {
	border-color: #0050e5
}

.kd-chip.chip4 {
	box-shadow: 0 1px 0 #002dc1;
	-webkit-box-shadow: 0 1px 0 #002dc1;
	color: #0050e5
}

.kd-chip.chip4 i:after, .kd-chip.chip4 i:before, .kd-chip.chip4:after,
	.kd-chip.chip4:before {
	background-color: #0050e5
}

.kd-chip.chip5, .kd-chip.chip5 span {
	border-color: #d10066
}

.kd-chip.chip5 {
	box-shadow: 0 1px 0 #b10064;
	-webkit-box-shadow: 0 1px 0 #b10064;
	color: #d10066
}

.kd-chip.chip5 i:after, .kd-chip.chip5 i:before, .kd-chip.chip5:after,
	.kd-chip.chip5:before {
	background-color: #d10066
}

.kd-chip.chip6, .kd-chip.chip6 span {
	border-color: #e50800
}

.kd-chip.chip6 {
	box-shadow: 0 1px 0 #a60600;
	-webkit-box-shadow: 0 1px 0 #a60600;
	color: #e50800
}

.kd-chip.chip6 i:after, .kd-chip.chip6 i:before, .kd-chip.chip6:after,
	.kd-chip.chip6:before {
	background-color: #e50800
}

.kd-switch, .kd-switch-space, .kd-switch-val {
	display: inline-block
}

.kd-switch {
	font-size: 0;
	background-color: #e9e9e9;
	color: #fff;
	width: 4.375rem;
	white-space: nowrap;
	overflow: hidden;
	border-radius: .3125rem;
	-webkit-border-radius: .3125rem
}

.kd-switch-space, .kd-switch-val {
	width: 50%;
	height: 100%;
	font-size: .875rem;
	padding: .1rem .3rem;
	background-color: #ec3939;
	text-align: center
}

.kd-switch-space {
	background: none
}

.kd-switch-val:first-child {
	background-color: #02aecb;
	transition: margin-left .2s ease;
	margin-left: -50%
}

.kd-switch.checked .kd-switch-val:first-child {
	margin-left: 0
}

.kd-pager {
	text-align: center;
	font-size: 0
}

.kd-pager-item {
	display: inline-block;
	margin: 0 .5rem;
	font-size: 1rem;
	border: 1px solid #999;
	padding: .4rem .5rem;
	border-radius: 50px;
	-webkit-border-radius: 50px
}

.kd-pager-item:not (.current ):active {
	background-color: #02aecb;
	border-color: #02aecb
}

.kd-pager-item.current {
	border: none
}

.icon-nav:before {
	content: "\EF87";
	font-size: 32px;
	font-size: 2rem
}

.icon-nav-arrow-left:before {
	content: "\EF15";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1)
}

.icon-user-circle:before {
	content: "\EB05"
}

.icon-user-logined:before {
	content: "\EB04"
}

.kd-head {
	box-shadow: 0 1px 0 #008ca5;
	-webkit-box-shadow: 0 1px 0 #008ca5;
	padding: .3125rem .9375rem;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	min-width: 320px
}

.fixfixed .kd-head {
	position: absolute
}

.kd-head-item {
	color: #fff
}

.go-back, .go-to-login, .menu-back-toggle, .userinfo, .userinfo .icon {
	position: absolute;
	top: 50%;
	transform: translateY(-45%);
	-webkit-transform: translateY(-45%)
}

.go-back, .menu-back-toggle {
	font-size: 1.875rem;
	left: 4.6875%
}

.userinfo {
	font-size: .75rem;
	line-height: 1.35;
	right: 4.6875%;
	padding-right: 2rem;
	text-align: right
}

.userinfo .icon {
	line-height: 1;
	right: -5px;
	font-size: 2rem;
	margin-top: -3px
}

.go-to-login {
	right: 4.6875%;
	font-size: .75rem
}

.go-to-login .icon, .go-to-login .text {
	vertical-align: middle
}

.go-to-login .text {
	display: inline-block
}

.go-to-login .icon {
	font-size: 1.875rem
}

.head-title {
	display: inline-block;
	max-width: 50%;
	position: relative;
	top: 2px
}

.head-title, .head-title:before {
	min-height: 38px;
	min-height: 2.375rem
}

.head-title {
	font-size: 1rem;
	color: #fff;
	text-align: center
}

.head-title:before {
	content: "";
	display: inline-block;
	width: 0;
	vertical-align: middle
}

.game-title {
	padding-right: 1rem
}

.game-title:after {
	content: "\EF15";
	font-size: 16px;
	font-size: 1rem;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6.4px;
	margin-top: -.4rem
}

.total-betting-amount {
	display: block;
	font-size: .75rem;
	margin-top: .125rem;
	position: absolute;
	bottom: .3125rem;
	left: -40%;
	right: -40%;
	color: #fcff73;
	white-space: nowrap
}

@media only screen and (max-width:360px) {
	.total-betting-amount {
		left: -20%;
		right: 0
	}
}

.custom-logo {
	width: auto
}

.custom-logo__img {
	height: 100%
}

.game-title.has-betting-amount:before {
	display: none
}

.game-title.has-betting-amount:after {
	top: 32%
}

.sub-menu {
	position: absolute;
	top: 100%;
	right: 1rem;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	margin-top: 1rem
}

.sub-menu:after, .sub-menu:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 16px 16px 0 0;
	border-width: 1rem 1rem 0 0;
	border-right-color: #fff;
	position: absolute;
	bottom: 100%;
	left: 50%
}

.sub-menu:before {
	border-width: 19.2px 19.2px 0 0;
	border-width: 1.2rem 1.2rem 0 0;
	border-right-color: #ccc;
	margin-left: -2px
}

.sub-menu a {
	display: block;
	padding: .8rem 1.5rem;
	font-size: .875rem;
	color: #121212
}

.sub-menu li:first-child a {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0
}

.sub-menu li:last-child a {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px
}

.sub-menu a:active {
	background: #efefef
}

.ak-money {
	font-size: .75rem;
	padding: .75rem .25rem;
	color: #999;
	border-bottom: .0625rem solid #e7e1e1
}

.line-check-title {
	font-size: 1rem;
	vertical-align: .625rem;
	margin-left: .3125rem
}

.icon-nav-home:before {
	content: "\EB85"
}

.icon-nav-check-in:before {
	content: "\EB83"
}

.icon-nav-bag:before {
	content: "\EB81"
}

.icon-nav-promotion:before {
	content: "\EB87"
}

.icon-nav-rob-coin:before {
	content: "\EB82"
}

.icon-nav-about:before {
	content: "\EB80"
}

.icon-nav-game:before {
	content: "\EB84"
}

.icon-nav-record:before {
	content: "\EF0D"
}

.icon-nav-notice:before {
	content: "\EB89"
}

.icon-nav-online-service:before {
	content: "\EB86"
}

.icon-nav-setting:before {
	content: "\EB88"
}

.icon-nav-feedback:before {
	content: "\EF1A"
}

.icon-nav-cloud:before {
	content: "\EF88"
}

.icon-nav-visit:before {
	content: "\EF86"
}

.kd-menu-wrapper {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 3;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	background-color: rgba(42, 1, 0, .75)
}

.fixfixed .kd-menu-wrapper {
	position: absolute
}

.kd-menu {
	width: 75%;
	height: 100%;
	padding: 3rem 0 4.375rem;
	background-color: #ebf3f3
}

.kd-menu-inner {
	background: #fff
}

.kd-menu-item, .kd-menu-sub {
	border: 0 solid #e8e8e8
}

.kd-menu-item {
	color: #02aecb;
	border-bottom-width: 1px;
	font-size: 0;
	padding: .5rem .25rem
}

.kd-menu-item .nav-line-cell {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .25rem;
	color: inherit
}

.nav-line-time {
	width: 20%
}

.nav-line-url {
	width: calc(80% - 5.25rem)
}

.kd-menu-item .kd-textinput {
	border: 1px solid;
	padding: .1875rem .125rem
}

.nav-line-cell.kd-textinput>input {
	height: 1.0625rem;
	line-height: 1.0625rem;
	text-align: center;
	font-size: .875rem
}

.kd-menu-item.go-back>a:after {
	display: none
}

.kd-menu-item>a:hover {
	text-decoration: none
}

.kd-menu-item.active .icon, .kd-menu-item.active>a, .kd-menu-item>a:active
	{
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .08);
	-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .08);
	color: #fff
}

.kd-menu-item .icon:before {
	font-size: 25px;
	font-size: 1.5625rem
}

.kd-body, .kd-head, .kd-menu-wrapper, .kd-toolbar {
	transition: .2s ease;
	-webkit-transition: .2s ease
}

.push-menu .kd-menu-wrapper {
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

.push-menu .kd-body {
	transform: translateX(75%);
	-webkit-transform: translateX(75%)
}

.close-menu {
	font-size: 0;
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	left: 75%;
	margin: -20px 0 0 1rem;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: .2s ease;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	background: linear-gradient(left, #02aecb, #00cda8);
	background: -webkit-linear-gradient(left, #02aecb, #00cda8);
	color: #fff;
	line-height: 38px;
	text-align: center
}

.close-menu .icon {
	font-size: 1.8rem
}

.close-menu .icon:before {
	content: "\EF0A"
}

.firefox .close-menu .icon:before {
	margin-top: 2.4px;
	margin-top: .15rem
}

.icon-home:before {
	content: "\EC87"
}

.icon-user-center:before {
	content: "\EC82"
}

.icon-gift:before {
	content: "\EC85"
}

.icon-money-in-out:before {
	content: "\EC88"
}

.icon-online-service-toolbar:before, .icon-qq:before {
	content: "";
	display: inline-block;
	width: 32px;
	width: 2rem;
	height: 80%;
	background: url(/static/images/qq.svg) no-repeat 50% 50%;
	background-size: 80%
}

.icon-online-service-toolbar:before {
	background-image: url(/static/images/service.png)
}

.firefox .icon-online-service-toolbar:before, .firefox .icon-qq:before {
	margin-top: 5px;
	margin-top: .3125rem
}

.kd-toolbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	min-width: 320px
}

.kd-toolbar-inner {
	overflow: hidden;
	height: 3.4375rem;
	transition: height .2s ease;
	-webkit-transition: height .2s ease
}

.hide-toolbar .kd-toolbar-inner {
	height: 0
}

.kd-toolbar, .kd-toolbar ul {
	font-size: 0;
	text-align: center
}

.fixfixed .kd-toolbar {
	position: static;
	margin-top: -4.3125rem
}

.kd-toolbar-item {
	display: inline-block;
	width: 19.85%;
	font-size: .75rem;
	text-align: center
}

.kd-toolbar-item a {
	display: block;
	color: #fff;
	padding: .125rem 0 .3125rem
}

.kd-toolbar-item a:active {
	text-decoration: none
}

.kd-toolbar-item .icon {
	display: block;
	font-size: 2rem;
	height: 2.25rem
}

.kd-toolbar-item .icon-gift {
	color: #fcc7ff;
	text-shadow: none
}

.kd-toolbar-item .icon-gift.animated {
	animation-duration: 2s;
	-webkit-animation-duration: 2s
}

.icon-online-service-toolbar.animated, .kd-toolbar-item .icon-qq.animated
	{
	animation-duration: 3s;
	-webkit-animation-duration: 3s
}

.kd-toolbar-item.active a {
	background-color: rgba(0, 0, 0, .08)
}

.kd-toolbar-toggle, .kd-toolbar-toggle:before {
	display: block
}

.kd-toolbar-toggle {
	display: block;
	background-color: #fff;
	height: .875rem;
	border-top: 1px solid #efefef;
	box-shadow: 0 1px 0 #28f6ff;
	-webkit-box-shadow: 0 1px 0 #28f6ff;
	margin-bottom: 1px;
	overflow: hidden
}

.is-hide-toolbar .kd-toolbar-toggle {
	margin-bottom: 0
}

.kd-toolbar-toggle:before {
	content: "\EF32";
	font-size: 30px;
	font-size: 1.875rem;
	position: relative;
	top: -9px;
	top: -.5625rem;
	color: #d5d0d0
}

.hide-toolbar .kd-toolbar-toggle:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.firefox .kd-toolbar-toggle:before {
	margin-top: 2px
}

.firefox .hide-toolbar .kd-toolbar-toggle:before {
	margin-top: -2px
}

.game-list-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 6;
	background-color: #fff;
	overflow: auto
}

.game-list-wrapper .page-title:after, .game-list-wrapper .page-title:before
	{
	display: none
}

.game-list-wrapper .close-button {
	font-size: 1.5rem;
	position: absolute;
	right: 1rem;
	top: 1rem
}

.icon-cqssc:before {
	content: "\EE07"
}

.icon-pk10:before {
	content: "\EE16"
}

.icon-bjl:before {
	content: "\EE04"
}

.icon-marksix:before {
	content: "\EE14"
}

.icon-sd115:before {
	content: "\EE01"
}

.icon-gd115:before {
	content: "\EE25"
}

.icon-jsk3:before {
	content: "\EE08"
}

.icon-lhd:before {
	content: "\EE0B"
}

.icon-jlt:before {
	content: "\EE0E"
}

.icon-pcdd:before {
	content: "\EE15"
}

.icon-aksfc:before {
	content: "\EE02"
}

.icon-xyx:before {
	content: "\EE1C"
}

.icon-app:before {
	content: "\EF37"
}

.icon-aksfc1:before {
	content: "\EE38"
}

.icon-aksfc2:before {
	content: "\EE39"
}

.icon-aksfc5:before {
	content: "\EE40"
}

.icon-ft:before {
	content: "\EE42"
}

.icon-djy:before {
	content: "\EE0C"
}

.kd-games-list {
	font-size: 0;
	border-top: 1px solid #e7e1e1
}

.kd-game {
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
	width: 33.33%;
	text-align: center;
	border: solid #e7e1e1;
	border-width: 0 0 1px 1px;
	position: relative;
	padding: .5rem 0
}

.kd-game.empty {
	height: 7.9375rem
}

.kd-game:nth-child(3n+1) {
	border-left-width: 0
}

.kd-game a {
	background-color: #000;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.kd-game-countdown, .kd-game-name {
	font-weight: 400;
	font-size: .875rem
}

.kd-game-countdown {
	display: block;
	color: #8b8b8b;
	font-size: .75rem;
	margin-top: .3125rem
}

.kd-game-logo {
	margin: 0 auto .3125rem;
	width: 4.6rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: .1875rem solid #009db9;
	position: relative;
	font-size: 0;
	color: #fff;
	overflow: hidden;
	z-index: 0
}

.kd-game-logo img {
	max-width: none;
	width: 100%
}

.kd-game-logo .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 3.7rem
}

.game-cqssc {
	border-color: #dd2214;
	background: #ff3e15
}

.game-pk10 {
	border-color: #bc0698;
	background: #ff1be9
}

.game-bjl {
	border-color: #059527;
	background: #04ba22
}

.game-marksix {
	border-color: #0f0bc4;
	background: #0030ff
}

.game-marksix .icon {
	font-size: 3.625rem
}

.game-sd115 {
	border-color: #0685aa;
	background: #02baca
}

.game-jsk3 {
	border-color: #9c0707;
	background: #d81e06
}

.game-lhd {
	border-color: #a09292;
	background: #fff;
	color: #000
}

.game-lhd .icon {
	font-size: 5.25rem
}

.game-jlt {
	border-color: #ff1616;
	background: #b20000
}

.game-jlt .icon {
	font-size: 4.25rem
}

.game-pcdd {
	border-color: #d8a37d;
	background: #f5af34
}

.game-pcdd .icon {
	font-size: 3.5rem
}

.game-aksfc {
	border-color: #0084f3;
	background: #0c96ed
}

.game-aksfc1 {
	border-color: #ed9a15;
	background: #f5b100
}

.game-aksfc2 {
	border-color: #fae767;
	background: #c1b336
}

.game-aksfc5 {
	border-color: #f76614;
	background: #f98e35
}

.game-gd115 {
	border-color: #9878ef;
	background: #b384f7
}

.game-xyx {
	border-color: #5a1c82;
	background: #fff
}

.game-xyx .icon {
	font-size: 5.25rem;
	color: #5a1c82
}

.game-app {
	border-color: #d20554;
	background: #e8226e
}

.game-ft {
	border-color: #d8a37d;
	background: #f5af34
}

.game-akvip {
	border-color: #9e1b1b;
	background: #cc3932 url(/static/images/AK.svg) no-repeat 50%;
	background-size: 90%
}

.game-djy {
	border-color: #cf0502;
	background: #e62623
}

.games-top-list {
	padding: .5rem 0;
	text-align: center
}

.game-pcdd-item {
	display: inline-block;
	border-radius: .3125rem .3125rem 0 0;
	width: 44%;
	margin: .8% 1.4%;
	position: relative
}

.prompt-check-in-rule .prompt-foot {
	text-align: center;
	padding-top: .5rem
}

.prompt-check-in-rule .kd-button {
	font-size: 1rem;
	max-width: 70%
}

.prompt-in-game-rule .prompt-foot {
	text-align: center;
	padding-top: .5rem
}

.prompt-in-game-rule .kd-button {
	font-size: 1rem;
	max-width: 70%
}

.pcdd-game-rule-wrapper {
	line-height: 2;
	padding: .5rem;
	font-size: .9375rem;
	z-index: 7;
	overflow: hidden
}

.pcdd-game-rule-wrapper .page-title {
	padding: .5rem 0
}

.pcdd-game-rule-wrapper .close-button {
	font-size: 1.125rem;
	padding-left: 1rem
}

.pcdd-game-rule-body {
	height: calc(100% - 3.5rem);
	overflow: auto
}

.pcdd-game-rule-wrapper table, .pcdd-game-rule-wrapper tr>td,
	.pcdd-game-rule-wrapper tr>th {
	border: none
}

.pcdd-game-chart-wrapper {
	background: #efeff4;
	overflow: hidden
}

.pcdd-game-chart-wrapper .page-title {
	background: #fff
}

.pcdd-game-chart-body {
	height: calc(100% - 3.75rem);
	overflow: auto
}

.pcdd-game-chart-wrapper table {
	border: none
}

.pcdd-game-chart td, .pcdd-game-chart th {
	text-align: center;
	border: none;
	vertical-align: middle
}

.pcdd-game-chart th {
	background: #5b6b88;
	color: #fff;
	font-weight: 400;
	font-size: .875rem;
	padding: .875rem 0;
	width: 10%
}

.pcdd-game-chart td {
	background: #f6f8ff;
	text-align: center;
	color: #333;
	padding: .625rem 0;
	font-size: .75rem
}

.pcdd-game-chart tr:nth-child(odd) td {
	background: #fff
}

.pcdd-game-chart tr td:first-child, .pcdd-game-chart tr td:last-child {
	padding: 0 .3125rem
}

.large-small.both, .odd-even.both {
	width: 2.25rem;
	border-radius: .625rem
}

.chart-load-more {
	padding: 1rem 0;
	text-align: center;
	font-size: .875rem
}

.slides-wrapper {
	position: relative;
	padding-bottom: 25%
}

.slides {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0
}

.slides-inner {
	list-style: none;
	padding-left: 0;
	white-space: nowrap;
	font-size: 0
}

.slides-inner img {
	display: block;
	width: 100%
}

.slides-item {
	display: inline-block;
	font-size: 1rem
}

.slides-nav {
	list-style: none;
	padding-left: 0;
	position: absolute;
	left: 50%;
	bottom: .5rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-size: 0;
	background: rgba(0, 0, 0, .52);
	border-radius: 2rem;
	padding: .3125rem
}

.slides-nav-item {
	display: inline-block;
	margin: 0 .3125rem;
	height: .625rem;
	width: .625rem;
	border-radius: 50%;
	background: #fff
}

.slides-nav-item.active {
	background: #caab01
}

.slides-direction {
	display: block;
	height: 2rem;
	width: 2rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	font-size: 0;
	line-height: 2rem;
	opacity: .75;
	text-shadow: 0 0 2px rgba(0, 0, 0, .75)
}

.slides-direction:before {
	font-size: 24px;
	font-size: 1.5rem
}

.slides-prev {
	left: 1rem
}

.slides-prev:before {
	content: "\EF14"
}

.slides-next {
	right: 1rem
}

.slides-next:before {
	content: "\EF15"
}

.slides-wrapper--bottom {
	padding-bottom: 20.3125%
}

.icon-notice:before {
	content: "\EF06"
}

.icon-rob-coin:before {
	content: "\EF17"
}

.kd-notice {
	font-size: 0;
	padding: .3rem .5rem .5rem;
	text-align: center
}

.kd-notice>* {
	display: inline-block;
	font-size: .875rem;
	vertical-align: middle
}

.kd-notice .icon-notice {
	font-size: 1.5rem;
	color: #ff7e00;
	margin-right: .5rem
}

.kd-notice-title {
	color: #d30301;
	font-weight: 700
}

.kd-notice-body {
	max-width: calc(100% - 9rem);
	overflow: hidden;
	white-space: nowrap
}

.kd-notice .kd-button.rob-coin {
	width: auto;
	margin-left: .5rem;
	padding: .3125rem;
	padding-left: 1.8125rem
}

.kd-notice .kd-button.rob-coin .icon {
	font-size: 1.3125rem;
	position: absolute;
	top: 50%;
	left: .3125rem;
	margin-top: -.65625rem
}

.kd-marquee {
	overflow: hidden;
	white-space: nowrap
}

.kd-marquee .inner {
	display: inline-block
}

.icon-shortcut-login:before {
	content: "\EC03"
}

.icon-shortcut-register:before {
	content: "\EC07"
}

.icon-shortcut-check-in:before {
	content: "\EC02"
}

.icon-shortcut-try-playing:before {
	content: "\EC0B"
}

.icon-shortcut-online-service:before {
	content: "\EB86"
}

.kd-shortcut {
	background: #f3f7f9;
	border: 1px solid #dde0e7;
	border-left-width: 0;
	border-right-width: 0
}

.kd-shortcut-item {
	width: 25%;
	font-size: .8125rem;
	text-align: center;
	padding: .5rem 0 .3rem;
	border-right: 1px solid #dde0e7
}

.kd-shortcut-item:last-child {
	border-right-width: 0
}

.kd-shortcut-item a {
	display: block
}

.kd-shortcut-item .icon {
	font-size: 1.5rem;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 2px
}

.kd-shortcut-item .online-service {
	color: #018eac
}

.kd-shortcut-item .register {
	color: #01b93e
}

.kd-shortcut-item .check-in {
	color: #e7c007
}

.kd-shortcut-item .try-playing {
	color: #d92525
}

.kd-shortcut-item .choujiang {
	color: #ef833b
}

.kd-shortcut-item .icon-choujiang:before {
	color: inherit
}

.icon-member-news:before {
	content: "\ED82"
}

.icon-mn-playing:before {
	content: "\EF17"
}

.icon-mn-money-out:before {
	content: "\EF02"
}

.icon-mn-winning:before {
	content: "\EF10"
}

.member-news {
	position: relative
}

.member-news .title {
	padding: .5rem 3.125% .5rem calc(3.125% + 1.875rem);
	border-bottom: 1px solid #e6e2e2;
	background: #ebf3f3;
	font-size: 1rem;
	font-weight: 400;
	position: relative
}

.member-news .icon {
	font-size: 1.5rem;
	vertical-align: middle
}

.member-news .title .icon {
	color: #038bb7;
	position: absolute;
	top: 50%;
	left: 3.125%;
	margin-top: -.725rem
}

.member-news .news-list {
	padding: 1rem 0
}

.member-news .item {
	color: #575656;
	font-size: 0;
	padding: .3rem 0 .3rem 1.6rem;
	position: relative
}

.member-news .elem:not (.icon ){
	font-size: .75rem;
	margin-right: .5rem
}

.member-news .elem:last-child {
	margin-right: 0
}

.member-news .elem.icon {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.725rem
}

.member-news .money-out .icon {
	color: #ff6393
}

.member-news .playing .icon {
	color: #0090ff
}

.member-news .winning .icon {
	color: #03bb3b
}

.member-news .user {
	color: #0173dd
}

.member-news .amount {
	color: #ff1812
}

.member-news .time {
	color: #646161
}

.qq-service {
	position: absolute;
	right: 0;
	top: -1.125rem;
	font-size: 0;
	width: 4rem;
	height: 3rem
}

.qq-service .icon {
	position: absolute;
	bottom: -.625rem;
	left: 0
}

.qq-service .icon-qq {
	font-size: 3rem;
	color: #900
}

.qq-service .icon-qq.animated {
	animation-duration: 3s;
	-webkit-animation-duration: 3s
}

.qq-service .icon-double-arrow {
	font-size: 1.5rem;
	left: auto;
	right: 0;
	bottom: 0
}

.qq-service.hide-me {
	width: 1.5rem;
	overflow: hidden
}

.qq-service.hide-me .icon-qq {
	bottom: 100%
}

.qq-service.hide-me .icon-double-arrow {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.prompt-notice.promptbox {
	border-radius: .625rem;
	padding: 0
}

.prompt-notice .prompt-head {
	border-radius: .525rem .525rem 0 0;
	border-top: 2px solid #008ca5;
	border-bottom: 2px solid #008ca5;
	background: #03b9d9;
	padding-left: .8rem
}

.prompt-notice .prompt-close.kd-close:before {
	width: 80%;
	margin-left: 10%
}

.prompt-notice .prompt-close.kd-close:after {
	height: 80%;
	margin-top: 10%
}

.prompt-notice .prompt-close.kd-close {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: .5rem;
	top: .425rem;
	right: .625rem
}

.prompt-notice .article-title {
	max-width: 93.75%;
	margin: 0 auto;
	letter-spacing: 0;
	padding: 0;
	line-height: 1.5
}

.prompt-notice .article-title:after, .prompt-notice .article-title:before
	{
	display: none
}

.prev-lottery {
	padding: .5rem 0 .3125rem
}

.prev-lottery.marksix {
	padding: .5rem 0 .125rem;
	height: 3.375rem
}

.prev-lottery-balls, .prev-lottery-issue, .prev-lottery:before {
	display: inline-block;
	vertical-align: middle
}

.prev-lottery:before {
	content: "";
	height: 100%;
	width: 0
}

.prev-lottery-issue {
	font-size: .875rem;
	margin-right: .125rem
}

.prev-lottery-balls>li {
	margin: 0 .125rem 0 0
}

.prev-lottery-balls .lottery-ball:last-child {
	margin-right: 0
}

.prev-lottery-balls .lottery-ball {
	font-size: .75rem;
	height: 1.375rem;
	width: 1.375rem;
	line-height: 1.3rem
}

.prev-lottery-balls .lottery-ball, .prev-lottery-balls .lottery-plus {
	margin-right: .2rem
}

.prev-lottery-balls .lottery-prop {
	padding: 0;
	min-width: 1.25rem
}

.prev-lottery-balls .lottery-plus {
	top: .3125rem;
	left: 0
}

.lottery-status-wrapper {
	padding: .3125rem 0 .625rem;
	border-top: 1px solid #fcfcfc
}

.lottery-issue, .lottery-status {
	display: inline-block;
	vertical-align: middle
}

.lottery-issue {
	margin-right: .125rem
}

.lottery-issue, .lottery-status, .playing-news {
	font-size: .875rem
}

.playing-news .item {
	display: inline-block;
	vertical-align: top;
	margin: 0 .8rem
}

.playing-news .sub-item {
	display: block
}

.playing-news .sub-item+.sub-item {
	margin-top: .5rem
}

.playing-news .nickname {
	color: #09f
}

.icon-double-arrow:before {
	content: "\EF0A"
}

.switch-disc a {
	width: 50%;
	background: #00cda8;
	color: #fff;
	padding: .5rem 0;
	text-align: center;
	font-size: .75rem
}

.switch-disc a.active {
	background: #02aecb;
	position: relative
}

.switch-disc a.active:before {
	content: "";
	border: solid transparent;
	border-width: 5px 8px 0;
	border-top-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -8px
}

.playing-methods-wrapper {
	background-color: #efefef;
	position: fixed;
	top: 7.25rem;
	bottom: 4.3125rem;
	left: 0;
	font-size: .75rem;
	display: inline-block;
	z-index: 2;
	transition: .2s ease;
	min-width: 4.5rem
}

.is-hide-toolbar .playing-methods-wrapper {
	bottom: .8125rem
}

.kd-body.game.game-l .playing-methods-wrapper {
	top: 8.4375rem
}

.kd-body.game.cart-not-empty .playing-methods-wrapper {
	bottom: 8.0625rem
}

.is-hide-toolbar .kd-body.game.cart-not-empty .playing-methods-wrapper {
	bottom: 4.625rem
}

.playing-methods-toggle {
	font-size: 0;
	display: block;
	height: 40px;
	width: 20px;
	position: absolute;
	right: 100%;
	top: 50%;
	margin: -20px 0 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: .2s ease;
	border-radius: 0 50px 50px 0;
	-webkit-border-radius: 0 50px 50px 0;
	background: linear-gradient(left, #02aecb, #00cda8);
	background: -webkit-linear-gradient(left, #02aecb, #00cda8);
	color: #fff;
	line-height: 40px;
	text-align: center
}

.playing-methods-toggle .icon {
	font-size: 1.8rem;
	margin-left: -7px
}

.firefox .playing-methods-wrapper .icon:before {
	margin-bottom: 2.4px;
	margin-bottom: .15rem;
	margin-top: 0
}

.playing-methods-wrapper.opened {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.playing-methods-wrapper.opened .playing-methods-toggle {
	transform: rotate(0);
	-webkit-transform: rotate(0);
	width: 40px;
	border-radius: 50px;
	-webkit-border-radius: 50px
}

.playing-methods-wrapper.opened .playing-methods-toggle .icon {
	margin-left: 0
}

.firefox .playing-methods-wrapper.opened .playing-methods-toggle .icon:before
	{
	margin-bottom: 0;
	margin-top: .15em
}

.playing-methods {
	overflow: auto;
	height: 100%
}

.playing-methods .item {
	border-top: 1px solid #fcfcfc;
	color: #333;
	display: block;
	padding: .625rem .5rem .625rem 1rem;
	position: relative
}

.playing-methods li:first-child .item {
	border-top-width: 0
}

.playing-methods .item:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #ccc;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -3px
}

.playing-methods .item.active {
	background: #02aecb;
	color: #fff
}

.playing-methods .item.active:before {
	background: #fff
}

.playing-methods .item-game-rule {
	background: #02aecb;
	color: #fff
}

.playing-methods .item-game-rule:before {
	display: none
}

.playing-methods .item.selected:before {
	background: #fc0
}

.playing-method-section-title {
	border: solid #dcdcdc;
	border-width: 1px 0;
	background: #efefef;
	padding: .3125rem .5rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: .8rem
}

.playing-method-section-title .max {
	font-size: .75rem;
	letter-spacing: 0
}

.lottery-balls>li {
	border: solid #ececec;
	border-width: 0 1px 1px 0;
	width: 50%;
	text-align: center;
	padding: .3125rem;
	height: 3.1875rem
}

.lottery-balls>li:before {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.lottery-balls>li .lottery-odds {
	margin-left: .3125rem;
	min-width: 2.375rem
}

.lottery-balls>li:nth-child(2n) {
	border-right-width: 0
}

.lottery-balls>li.lottery-loading {
	width: 100%;
	padding: 3rem
}

.lottery-balls>li.disabled {
	opacity: .5
}

.lottery-balls>li.selected {
	position: relative
}

.lottery-balls>li.selected .icon:after, .lottery-balls>li.selected .icon:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.lottery-balls>li.selected .icon:before {
	content: "\EF16";
	z-index: 1;
	color: #fff;
	font-size: 14px;
	font-size: .875rem;
	left: 2px;
	top: 2px
}

.lottery-balls>li.selected .icon:after {
	height: 0;
	width: 0;
	border: solid transparent;
	border-top-color: #05db5c;
	border-width: 28px 28px 0 0
}

.playing-method-section .lottery-prop {
	margin: .3125rem 0 .1875rem
}

.bet-form {
	font-size: .75rem;
	position: fixed;
	bottom: 4.3125rem;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: .5rem .5rem 0;
	z-index: 2;
	box-shadow: 0 -1px 4px rgba(0, 0, 0, .25);
	min-width: 320px
}

.is-hide-toolbar .bet-form {
	bottom: .8125rem
}

.bet-form .kd-button, .bet-form .kd-buttons:before, .bet-form .kd-chips,
	.bet-form .kd-textinput {
	display: inline-block;
	vertical-align: middle
}

.bet-form .kd-textinput {
	width: 39%
}

.bet-form .kd-textinput input {
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: .75rem
}

.bet-form .kd-field-title span {
	color: #02aecb
}

.bet-form .kd-buttons, .bet-form .kd-field {
	width: 60%
}

.bet-form .kd-field {
	float: left;
	margin-bottom: 0
}

.bet-form .kd-buttons {
	float: right;
	width: 40%;
	font-size: 0;
	text-align: right;
	height: 52px
}

.bet-form .kd-buttons:before {
	content: "";
	height: 100%;
	width: 0
}

.bet-form .kd-button {
	width: 40%;
	font-size: .75rem;
	padding: .5rem 0
}

.bet-form .kd-button:first-child {
	margin-right: 5%
}

.bet-form .kd-chips {
	text-align: left
}

.bet-form .kd-chips .kd-chip {
	margin: 0;
	-webkit-transform: scale(.75);
	transform: scale(.75)
}

.bet-form .kd-chip .plus {
	opacity: 0;
	position: absolute;
	left: 60%;
	bottom: 60%;
	z-index: 1;
	font-size: .75rem;
	font-weight: 400
}

.bet-form .kd-chip .plus.plus-one {
	animation-duration: 1s;
	-webkit-animation-duration: 1s
}

.shortcut-amount-selector {
	display: inline-block;
	padding: .5rem 1rem;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	position: absolute;
	top: -5.5rem;
	left: 1rem;
	min-width: 8.125rem
}

.shortcut-amount-selector .close {
	position: absolute;
	right: .6rem;
	top: .6rem
}

.shortcut-amount-selector .title {
	font-size: .875rem;
	font-weight: 400
}

.shortcut-amount-selector:after, .shortcut-amount-selector:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 0 0 16px 16px;
	border-width: 0 0 1rem 1rem;
	border-left-color: #fff;
	position: absolute;
	top: 100%;
	left: 30%
}

.shortcut-amount-selector:before {
	border-width: 0 0 19.2px 19.2px;
	border-width: 0 0 1.2rem 1.2rem;
	border-left-color: #ccc;
	margin-left: -1px
}

.disabled-scroll .kd-body.game {
	height: 100vh;
	overflow: auto
}

.hide-toollbar-fix .kd-toolbar {
	display: none
}

.hide-toollbar-fix .bet-form {
	padding-bottom: 3.75rem;
	bottom: 0;
	position: absolute
}

.fixfixed .playing-methods-wrapper {
	top: 0;
	bottom: auto;
	position: absolute
}

.prompt-select-balls .promptbox {
	padding-bottom: 0
}

.prompt-select-balls .promptbox-overlay {
	background: #000
}

.prompt-select-balls .lottery-balls-list {
	margin-bottom: .5rem;
	text-align: center
}

.prompt-select-balls .lottery-balls-list+.lottery-balls-list {
	border-top: 2px dashed #f0f0f0
}

.prompt-select-balls .lottery-ball {
	margin: .5rem .5rem 0;
	height: 1.875rem;
	width: 1.875rem;
	line-height: 1.75rem;
	font-size: 1rem
}

.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.cqssc,
	.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.sd115
	{
	border-color: #ff8200;
	color: #ff8200
}

.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.cqssc.solid,
	.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.sd115.solid
	{
	background: #ff8200;
	color: #fff
}

.prompt-select-balls .lottery-ball.sd115 {
	margin: .5rem .25rem 0
}

.prompt-select-balls .prompt-foot {
	margin-top: 1rem;
	text-align: center
}

.prompt-select-balls .kd-button {
	width: 40%;
	margin: 0 2% .8rem
}

.prompt-select-balls .has-special-odds {
	padding-bottom: 1rem;
	color: #ff7e00
}

.prompt-cart-list .promptbox {
	padding-bottom: 0;
	max-width: none
}

.prompt-cart-list .promptbox-overlay {
	background-color: #000
}

.prompt-cart-list .prompt-foot {
	margin-top: .8rem;
	text-align: center;
	padding-bottom: .5rem
}

.prompt-cart-list .kd-button {
	width: 40%
}

.prompt-cart-list .main-button {
	margin-right: 5%
}

.prompt-cart-list .prompt-body {
	padding-bottom: .5rem
}

.prompt-cart-list .lottery-ball {
	margin-right: 1rem
}

.prompt-cart-list .lottery-odds {
	display: inline-block;
	margin-top: 0;
	font-size: 1rem;
	font-weight: 400
}

.prompt-cart-list .method-name {
	color: #09f
}

.prompt-cart-list .box-item {
	margin-top: .5rem
}

.prompt-cart-list .box-item:first-child {
	margin-top: 0;
	margin-bottom: -.2rem
}

.prompt-cart-list .comment {
	font-size: .75em;
	margin-left: 5px;
	color: #666
}

.prompt-cart-list .equal, .prompt-cart-list .time {
	margin: 0 .5rem
}

.prompt-cart-list .time {
	position: relative;
	top: -1px;
	font-size: .75rem
}

.prompt-cart-list .time:before {
	content: "\2715"
}

.prompt-cart-list .icon-trash {
	display: block;
	font-size: 0;
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #666
}

.prompt-cart-list .icon-trash:before {
	content: "\EF13";
	font-size: 20px;
	font-size: 1.25rem
}

.prompt-cart-list .icon-trash:active {
	color: #02aecb
}

.prompt-cart-list .cart-box {
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: .8rem;
	position: relative;
	margin-top: 1rem
}

.prompt-cart-list .cart-box:first-child {
	margin-top: 0
}

.prompt-cart-list .cart-box.error {
	box-shadow: 0 1px 5px rgba(255, 0, 0, .5);
	-webkit-box-shadow: 0 1px 5px rgba(255, 0, 0, .5)
}

.prompt-cart-list .cart-box .error {
	color: red;
	margin-top: 1rem
}

.prompt-cart-list .kd-list.two-cols.cart-info {
	padding: 1rem 0
}

.prompt-cart-list-simple .cart-box {
	line-height: 1.5;
	padding: .5rem .8rem;
	margin-top: .625rem
}

.prompt-cart-list-simple .kd-button, .prompt-cart-list-simple .prompt-head
	{
	font-size: 1rem
}

.prompt-cart-list-simple .prompt-close.kd-close {
	top: .5rem
}

.prompt-cart-list-simple .hollow {
	background: #fff;
	margin-right: 5%
}

.prompt-cart-list-simple .main-button {
	margin-right: 0
}

.room-box {
	color: #fff;
	min-height: 4.0625rem;
	font-size: .875rem;
	position: relative;
	background: linear-gradient(90deg, #067800, #09c100 53%, #068300);
	border-radius: .5rem;
	margin-top: .75rem
}

.room-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 73% 100%;
	background-size: 20%
}

.room-box-bg {
	width: 100%
}

.room-box-closed {
	filter:
		url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}

.room-box-closed .kd-cover-hidden {
	cursor: not-allowed
}

.room-box__header {
	position: absolute;
	left: 8%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: .875rem
}

.room-title {
	font-size: 1.625rem;
	letter-spacing: .125rem;
	text-shadow: 0 0 .15em #284b97
}

.room-agent {
	font-size: .75rem;
	margin-top: .3125rem
}

.room-agent--desc {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: bottom;
	margin-top: 0
}

@media ( max-width :350px) {
	.room-title {
		font-size: 1.5rem
	}
	.room-agent {
		-webkit-transform: scale(.84);
		transform: scale(.84);
		-webkit-transform-origin: left center;
		transform-origin: left center;
		margin-top: .15rem
	}
}

.room-odd-desc {
	background: linear-gradient(0deg, #f4ac00, #fbeb39);
	color: #f23f00;
	border-radius: 2rem;
	padding: .25rem .375rem;
	box-shadow: inset 0 .15rem 0 .1875rem #ffff68;
	letter-spacing: .0625rem;
	text-indent: .0625rem;
	font-weight: 400;
	z-index: 1;
	top: .3125rem;
	right: .3125rem
}

.room-desc, .room-odd-desc {
	font-size: .75rem;
	position: absolute
}

.room-desc {
	width: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, .3),
		hsla(0, 0%, 100%, .1) 90%);
	border-radius: 0 0 .5rem .5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	bottom: .125rem;
	padding-left: calc(8% - .5rem)
}

.room-desc:before {
	display: inline-block;
	content: "\EF33";
	color: #b9ecff;
	font-size: 1.5em;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 2px;
	margin-right: .125rem
}

.firefox .room-desc:before {
	margin-top: 3px
}

.room-box .kd-cover-hidden {
	opacity: 1;
	text-indent: -999em;
	background: none
}

.room-box.level1 {
	margin-top: 0
}

.room-box.level1:before {
	background-image: url(/static/images/room-level1.png)
}

.room-box.level2 {
	background: linear-gradient(90deg, #0825d7, #2581ff 53%, #0f31ff)
}

.room-box.level2:before {
	background-image: url(/static/images/room-level2.png);
	background-size: 25%;
	background-position: 76% 100%
}

.room-box.level3 {
	background: linear-gradient(90deg, #cb003e, #f93098 53%, #fd2164)
}

.room-box.level3:before {
	background-image: url(/static/images/room-level3.png);
	background-position: 75% 60%
}

.icon-more-nav-info-circle:before {
	content: "\EF21";
	color: #ef9527
}

.icon-more-nav-invite-friend:before {
	content: "\EF22";
	color: #2ebc91
}

.icon-more-nav-money-bag:before {
	content: "\EF23";
	color: #ef9527
}

.icon-more-nav-hamburger:before {
	content: "\EF24";
	color: #2ea0bc
}

.icon-more-nav-notebook:before {
	content: "\EF25";
	color: #2ebc91
}

.icon-more-nav-hammer:before {
	content: "\EF26";
	color: #2ea0bc
}

.icon-more-nav-star-flag:before {
	content: "\EF27";
	color: #a663e2
}

.icon-more-nav-red-package:before {
	content: "\EF28";
	color: #bc452e
}

.more-nav-toggle {
	display: block;
	background: rgba(0, 197, 176, .8);
	border-width: .0625rem solid hsla(0, 0%, 100%, .8);
	box-shadow: 0 .125rem .125rem rgba(4, 202, 208, .8);
	border-radius: 50%;
	position: fixed;
	bottom: 5rem;
	right: 1rem;
	color: #fff;
	height: 2.5rem;
	width: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .875rem;
	transition: bottom .05s ease;
	z-index: 6
}

.is-hide-toolbar .more-nav-toggle {
	bottom: 1.5rem
}

.in-pcdd-room .more-nav-toggle {
	bottom: 7.75rem
}

.is-hide-toolbar .in-pcdd-room .more-nav-toggle {
	bottom: 4.25rem
}

.more-nav-box-overlay {
	background: #000;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	z-index: 5
}

.more-nav-box {
	max-width: 300px;
	background: #fff;
	border-radius: 1rem;
	padding: 1rem;
	position: fixed;
	right: .625rem;
	bottom: 7.75rem;
	z-index: 6;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.more-nav-box:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border: .625rem solid transparent;
	border-bottom-width: 0;
	border-top-color: #fff;
	position: absolute;
	bottom: -8px;
	bottom: -.5rem;
	right: 16px;
	right: 1rem
}

.is-hide-toolbar .more-nav-box {
	bottom: 4.25rem
}

.more-nav-box .item {
	float: left;
	width: 25%;
	font-size: .875rem;
	text-align: center;
	margin: .5rem 0
}

.more-nav-box .item .icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 1px solid #f0f0f0;
	margin: 0 0 .25rem;
	font-size: 1.625rem;
	line-height: 2.25rem;
	text-align: center
}

.more-nav-box .item a {
	color: #333;
	white-space: nowrap
}

.more-nav-box .item a span {
	display: block
}

.in-pcdd-room .more-nav-box-overlay {
	opacity: .6
}

.in-pcdd-room .more-nav-box {
	bottom: 10.5rem;
	background: none;
	padding: 0 .375rem .5rem 0
}

.is-hide-toolbar .in-pcdd-room .more-nav-box {
	bottom: 7rem
}

.in-pcdd-room .more-nav-box:before {
	display: none
}

.in-pcdd-room .more-nav-box .item {
	float: none;
	width: auto;
	position: relative;
	text-align: right;
	margin: 1rem 0 0
}

.in-pcdd-room .more-nav-box .item .icon {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -1.25rem 0 0;
	background: #e9e9e9
}

.in-pcdd-room .more-nav-box .item a {
	padding-right: 3rem
}

.in-pcdd-room .more-nav-box .item a span {
	background: #fff;
	padding: .5rem;
	border-radius: .25rem;
	display: inline-block
}

.room-head {
	background: #eaeaea;
	padding: .25rem .25rem .125rem
}

.room-head .important {
	font-weight: 400
}

.room-head .kd-col {
	width: 49.5%;
	text-align: center;
	padding: .3125rem .125rem .25rem;
	font-size: .75rem;
	color: #63616c;
	line-height: 1.5;
	letter-spacing: .0625rem;
	border-radius: .325rem 0 0 .325rem;
	background: #fff;
	margin-right: .5%;
	box-shadow: 0 .0625rem 0 0 #d9d9db
}

.room-head .kd-col+.kd-col {
	border-radius: 0 .325rem .325rem 0;
	margin-right: 0;
	margin-left: .5%
}

.bet-period {
	margin-top: .0625rem
}

.closing-sale .bet-period {
	padding-bottom: .1875rem
}

.rh-box {
	background: #5d9bef;
	border-radius: .3125rem;
	color: #fff;
	padding: 0 .25rem;
	font-size: .875rem;
	overflow: hidden;
	display: inline-block;
	height: 1.3125rem;
	line-height: 1.3125rem;
	vertical-align: middle
}

.rh-box span {
	display: block
}

.bet-period-enter-active, .bet-period-leave-active {
	transition: all .3s ease
}

.bet-period-enter-to, .bet-period-leave-to {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.rh-box-gray {
	background: #99a8b1
}

.countdown-text {
	color: #136fec;
	font-size: 1.125rem
}

.result-text {
	color: #f04112;
	font-size: .8125rem;
	line-height: 1.6875rem;
	cursor: pointer
}

.icon-circle-arrow-down {
	float: right;
	color: #c2baba;
	font-size: 1.25rem;
	margin-right: .25rem;
	height: 1.3125rem
}

.icon-circle-arrow-down:before {
	content: "\EF31"
}

.bet-now-tip {
	text-align: center
}

.bet-now-tip .star:before {
	content: "\2605\2605";
	font-style: normal;
	color: #fdba04
}

.room-latest-history {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-left-width: 0;
	border-right-width: 0;
	padding: .75rem 3.125%;
	color: #666;
	position: relative;
	cursor: pointer
}

.room-latest-history .important {
	font-weight: 400
}

.room-latest-history .lottery-ball, .room-latest-history>* {
	font-size: .75rem
}

.room-latest-history .lottery-ball {
	height: 1.375rem;
	width: 1.375rem;
	line-height: 1.3125rem
}

.room-latest-history .lottery-balls {
	margin-left: .5rem
}

.room-latest-history:after {
	content: "\EF15";
	font-size: 14px;
	font-size: .875rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #007aff;
	position: absolute;
	top: 50%;
	right: 3.125%;
	margin-top: -1px;
	margin-top: -.0625rem
}

.room-latest-history .lottery-props {
	position: relative;
	margin-left: .5rem
}

.room-latest-history .lottery-props:before {
	content: "";
	display: block;
	width: 0;
	border-left: 1px solid #e0e0e0;
	position: absolute;
	left: 0;
	top: -4px;
	top: -.25rem;
	bottom: -4px;
	bottom: -.25rem
}

.room-latest-history .lottery-prop {
	margin: 0 0 0 .5rem
}

.room-latest-history-list {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	z-index: 6
}

.room-latest-history-list .overlay {
	background: #000;
	opacity: .67;
	height: 100%;
	width: 100%
}

.room-latest-history-list .important {
	font-weight: 400
}

.rlhl-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 1rem;
	padding: 1rem .5rem;
	font-size: .875rem;
	text-align: center;
	min-height: 290px;
	max-height: 80%;
	overflow: auto
}

.rlhl-inner ul {
	display: inline-block
}

.rlhl-inner .item {
	margin-top: .3125rem;
	text-align: left
}

.rlhl-inner .item:first-child {
	margin-top: 0
}

.rlhl-inner .lottery-result {
	margin-left: .25rem
}

.rlhl-inner .lottery-prop {
	margin: 0 0 0 .125rem
}

.rlhl-close {
	color: #fff;
	position: absolute;
	top: 6%;
	right: 1rem
}

.icon-clock:before {
	content: "\EF2E"
}

.pcdd-chat-author {
	color: #666
}

.pcdd-chat-author .time {
	display: block;
	text-align: center;
	margin: .5rem;
	color: #fff
}

.pcdd-chat-author .time .inner {
	background: #d7d6dd;
	padding: .3rem .5rem;
	border-radius: 2rem
}

.pcdd-chat-author .name {
	padding: 0 .3rem;
	vertical-align: top
}

.pcdd-avatar {
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url(/static/images/avatar.svg) no-repeat 50%/37px 37px;
	border: 3px solid #fce77f;
	border-radius: 50%
}

.pcdd-chat-message {
	margin-top: -.5rem
}

.pcdd-chat-message .icon {
	font-size: 1.25em;
	position: relative;
	top: .1875rem;
	line-height: 1
}

.pcdd-chat-message .color-blue, .pcdd-private-message .color-blue {
	color: #0762fa
}

.pcdd-chat-message .user-level {
	height: 1.3125rem;
	vertical-align: middle;
	position: relative;
	top: -.125rem
}

.pcdd-chat-message .inner {
	line-height: 1.5;
	border-radius: .2rem;
	padding: .5rem .8rem;
	margin: 0 1.625rem 0 2.8rem;
	top: -.8rem;
	position: relative
}

.pcdd-chat-message .inner:before {
	border-width: 12px 12px 12px 0;
	border-width: .75rem .75rem .75rem 0;
	border-color: transparent;
	border-right-color: #ff9b29;
	-webkit-transform: none;
	transform: none;
	left: -4.8px;
	left: -.3rem;
	top: 1.6px;
	top: .1rem
}

.pcdd-chat-message.self .inner {
	margin: 0 2.75rem 0 1rem
}

.pcdd-chat-message.self .inner:before {
	border-width: 12px 0 12px 12px;
	border-width: .75rem 0 .75rem .75rem;
	border-color: transparent;
	border-left-color: #ff9b29;
	left: auto;
	right: -4.8px;
	right: -.3rem;
	-webkit-transform: none;
	-webkit-transform: initial;
	transform: none
}

.pcdd-chat-message.chat-msg.self .inner:before {
	border-left-color: #00cda8
}

.pcdd-chat-message.chat-msg.other .inner:before {
	border-right-color: #00cda8
}

.pcdd-chat-message.bet-msg .inner {
	background: #fa9e3b;
	color: #fff
}

.pcdd-chat-message .msg-text-tip {
	color: #e98116;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1.2;
	display: inline-block
}

.pcdd-chat-message .msg-text-tip:before {
	display: inline-block;
	content: "\5C0F\8D4C\6021\60C5\5065\5EB7\5A31\4E50";
	width: 48px;
	width: 3rem;
	white-space: pre-wrap;
	font-size: 12px;
	font-size: .75rem;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	vertical-align: middle
}

.pcdd-chat-message .msg-text-tip:after {
	content: "\EF30";
	font-size: 27.6px;
	font-size: 1.725rem;
	vertical-align: middle
}

.pcdd-chat-message.chat-msg .inner {
	background: #00cda8
}

.pcdd-chat-message.other {
	right: .75rem;
	white-space: nowrap
}

.pcdd-chat-message .msg-text-item.period {
	margin-left: 2rem
}

.pcdd-chat-message.self .msg-text-item.period {
	margin-left: 1.5rem
}

.pcdd-chat-message .msg-text-item.amount {
	display: block;
	padding-left: .35rem
}

@media only screen and (min-width:480px) {
	.pcdd-chat-message .msg-text-item.period, .pcdd-chat-message.self .msg-text-item.period
		{
		margin-left: 6.25rem;
		display: inline-block
	}
}

.pcdd-chat-message.system {
	margin-top: 1.25rem;
	text-align: center
}

.pcdd-chat-message.system .inner {
	text-align: left;
	color: #333;
	background: #d7d6dd;
	margin: 0 auto
}

.pcdd-chat-message.system .inner:before {
	display: none
}

.pcdd-chat-footer {
	position: fixed;
	bottom: 4.3125rem;
	background: #f3f2f7;
	width: 100%;
	min-width: 320px;
	font-size: 0;
	padding-bottom: .2rem;
	z-index: 2;
	box-shadow: 0 -.0625rem 0 0 #d9d9db
}

.fixfixed .pcdd-chat-footer {
	position: absolute
}

.pcdd-chat-footer .kd-toolbar-toggle {
	text-align: center;
	box-shadow: 0 1px 0 #f3f2f7
}

.is-hide-toolbar .pcdd-chat-footer {
	bottom: .8125rem
}

.pcdd-private-message {
	font-size: .875rem;
	line-height: 1.5;
	padding: .3125rem;
	color: #333;
	transition: all .3s ease
}

.pcdd-chat-textinput {
	padding: .3125rem .625rem;
	border: solid #d9d9db;
	border-width: .0625rem 0
}

.pcdd-chat-textinput .kd-button {
	vertical-align: middle;
	font-size: .875rem;
	border: none;
	background: #1aac19;
	color: #fff;
	width: auto;
	padding: .5rem;
	letter-spacing: .2rem;
	text-indent: .2rem
}

.pcdd-chat-textinput .kd-button.pcdd-button-odd {
	background: #0b63e7;
	padding-left: .1rem;
	padding-right: .1rem
}

.pcdd-chat-textinput .kd-textinput {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d9d9db;
	width: calc(100% - 3% * 3.25 - 2.65rem - 5rem);
	margin: 0 3%;
	border-radius: 4px
}

.pcdd-chat-textinput .kd-textinput input {
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: .9375rem
}

.pcdd-chat-input--sm {
	display: none
}

@media ( max-width :365px) {
	.pcdd-chat-input {
		display: none
	}
	.pcdd-chat-input--sm {
		display: inline-block
	}
}

.send-face-button, .send-message-button {
	display: inline-block;
	vertical-align: middle;
	color: #eece4d
}

.send-message-button {
	margin: 0 0 0 1.5%
}

.send-face-button:before, .send-message-button:before {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1
}

.send-face-button:before {
	content: "\EF2F"
}

.send-message-button:before {
	content: "\EF29"
}

.room-member-redpack {
	margin-top: 6rem
}

.face-selector {
	position: fixed;
	bottom: 6.9375rem;
	left: 50%;
	min-width: 300px;
	background: #fff;
	border-radius: .5rem;
	font-size: 1rem;
	border: .125rem solid #ffde4f;
	z-index: 7;
	transition: bottom .05s linear;
	-webkit-transform-origin: 80% bottom;
	transform-origin: 80% bottom;
	max-width: 600px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 10.125rem
}

.is-hide-toolbar .face-selector {
	bottom: 6.625rem
}

.face-selector:after, .face-selector:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: solid transparent;
	position: absolute;
	top: 100%
}

.face-selector:before {
	border-width: 12px 8px 0;
	border-width: .75rem .5rem 0;
	border-top-color: #fff;
	right: 7.2px;
	right: .45rem;
	z-index: 1
}

.face-selector:after {
	border-width: 14px 10px 0;
	border-width: .875rem .625rem 0;
	border-top-color: #ffde4f;
	right: 5.2px;
	right: .325rem
}

.face-selector-box {
	overflow: hidden
}

.face-selector-inner {
	width: 1000%;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.face-selector-inner.screen1 {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.face-selector-inner.screen2 {
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%)
}

.face-selector-inner.screen3 {
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%)
}

.face-selector-inner.screen4 {
	-webkit-transform: translateX(-30%);
	transform: translateX(-30%)
}

.face-selector-inner.screen5 {
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%)
}

.face-selector-group {
	float: left;
	width: 10%;
	padding: .5rem
}

.face-selector-group .item {
	width: 16.66%;
	height: 2rem;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	text-align: center;
	padding: .25rem 0
}

.face-selector-group img {
	height: 100%
}

.face-selector-group .face-photo {
	border-radius: 50%;
	background: #fff;
	border: 1px solid #09f;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	height: 80%;
	margin: -40% 0 0 -40%;
	padding: .25rem;
	color: #fff;
	text-align: center;
	font-size: .75rem;
	line-height: 2
}

.face-selector-pager {
	text-align: center;
	margin: 0 0 .5rem
}

.face-selector-pager .item {
	height: .5rem;
	width: .5rem;
	background: #ccc;
	border-radius: 50%;
	margin: 0 .25rem
}

.face-selector-pager .item.active {
	background: #ffde4f
}

.face-zoom-in {
	-webkit-animation-name: n;
	animation-name: n
}

@
-webkit-keyframes n { 0%{
	opacity: 0;
	-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
	transform: translateX(-50%) scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
@
keyframes n { 0%{
	opacity: 0;
	-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
	transform: translateX(-50%) scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
.face-zoom-out {
	-webkit-animation-name: o;
	animation-name: o
}

@
-webkit-keyframes o { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:translateX
(-50%)
 
scale3d
(
.3
,
.3
,
.3
);transform
:translateX
(-50%)
 
scale3d
(
.3
,
.3
,
.3
)
}
to {
	opacity: 0
}

}
@
keyframes o { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:translateX
(-50%)
 
scale3d
(
.3
,
.3
,
.3
);transform
:translateX
(-50%)
 
scale3d
(
.3
,
.3
,
.3
)
}
to {
	opacity: 0
}

}
.follow-betting {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 300px;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 7
}

.follow-betting-body {
	width: 300px;
	padding: 1rem;
	background: #fff;
	border-radius: .25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: .875rem
}

.follow-betting-body .title {
	font-size: 1rem;
	text-align: center;
	font-weight: 400
}

.betting-datas {
	padding: 1rem
}

.betting-datas .data-item {
	padding: .5rem 1rem;
	border-bottom: 1px solid #efefef;
	color: #aaa
}

.betting-datas .data-item-value {
	color: #007aff
}

.betting-datas .data-item input {
	padding: 0;
	border: none;
	width: 10rem;
	background: none;
	color: #007aff
}

.follow-betting-body .kd-buttons {
	text-align: center
}

.follow-betting-body .kd-button {
	width: auto;
	min-width: 5rem;
	padding: .625rem 1rem;
	margin: 0 1rem;
	border: none;
	color: #000
}

.confirm-button, .confirm-button.active, .confirm-button.focus {
	background: #ffd54f
}

.cancel-button, .cancel-button.active, .cancel-button.focus {
	background: #ccc
}

.disabled-scroll, .disabled-scroll body {
	overflow: hidden
}

.disabled-scroll .page-game-pcdd-room .kd-body.game {
	height: auto
}

.pcdd-betting-panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	z-index: 7;
	overflow: hidden
}

.fixfixed .pcdd-betting-panel {
	position: absolute
}

.pcdd-betting-panel .overlay {
	background: #000;
	opacity: .35;
	height: 100%;
	width: 100%
}

.pcdd-betting-panel .inner {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 7rem;
	width: 95%;
	max-width: 50rem
}

.pcdd-betting-panel-title {
	padding: 0 .75rem
}

.pcdd-betting-panel-title a {
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: underline
}

.pcdd-betting-panel-title .btn-odd-desc {
	float: left
}

.btn-close {
	font-size: .75rem;
	position: absolute;
	right: .5rem;
	color: #ff5d2b
}

.betting-box-title .icon:before {
	border: 2px solid;
	border: .125rem solid;
	border-radius: 50%;
	padding: 5px;
	padding: .3125rem
}

.pcdd-betting-panel-title .icon-info-circle {
	font-size: 1.25rem;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.625rem
}

.firefox .pcdd-betting-panel-title .icon-info-circle {
	margin-top: -.6rem
}

.pcdd-betting-panel-title .icon-info-circle:before {
	content: "\EF21"
}

.pcdd-odd-description {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1.5rem;
	left: 0;
	font-size: .875rem;
	line-height: 1.25;
	-webkit-transform-origin: 90% top;
	transform-origin: 90% top
}

.pcdd-odd-description:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 18px;
	right: 1.125rem;
	top: -8px;
	top: -.5rem;
	border: solid transparent;
	border-width: 0 8px 8px;
	border-width: 0 .5rem .5rem;
	border-bottom-color: #fff
}

.pcdd-odd-description-body {
	border: 1rem solid #fff;
	border-width: 1rem 0;
	padding: 0 1rem;
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 .3125rem .25rem rgba(0, 0, 0, .5);
	min-height: 20%;
	max-height: 80%
}

.betting-box {
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: .25rem;
	position: relative;
	text-align: center;
	color: #1082eb
}

.betting-box-head {
	padding: .325rem .5rem 0
}

.betting-box-foot {
	border-radius: 0 0 .25rem .25rem;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .75rem .5rem 1rem;
	border-top: .0625rem solid #a8a8a8
}

.bet-setting, .betting-box-foot {
	background: #e5e5e5;
	position: absolute
}

.bet-setting {
	display: inline-block;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	font-size: .75rem;
	padding: .25rem 1.5rem 0;
	border-radius: 1.125rem 1.125rem 0 0;
	border: .0625rem solid #a8a8a8;
	border-bottom: none
}

.bet-setting:after, .bet-setting:before {
	content: "";
	display: block;
	height: 32px;
	height: 2rem;
	width: 32px;
	width: 2rem;
	border: 1px solid transparent;
	border: .0625rem solid transparent;
	border-radius: 100%;
	position: absolute;
	bottom: 0
}

.bet-setting:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 128px;
	right: 8rem;
	border-right-color: #a8a8a8;
	box-shadow: 25px 0 #e5e5e5;
	box-shadow: 1.5625rem 0 #e5e5e5
}

.bet-setting:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -32px;
	right: -2rem;
	border-left-color: #a8a8a8;
	box-shadow: -25px 0 #e5e5e5;
	box-shadow: -1.5625rem 0 #e5e5e5
}

.bet-setting .btn {
	color: #fff;
	display: inline-block;
	height: 1.5625rem;
	line-height: 1.5625rem;
	width: 5rem;
	font-size: .875rem;
	border-radius: .625rem;
	letter-spacing: .1rem;
	text-indent: .1rem;
	background-image: linear-gradient(0deg, #3871f2, #07bbfe);
	border: .0625rem solid #3871f2
}

.expand-setting .bet-setting .btn {
	border: none;
	background-image: linear-gradient(0deg, #07bbfe, #3871f2);
	box-shadow: 0 .0625rem #f4fdff
}

.betting-box-form {
	position: relative
}

.betting-box-form label {
	font-size: .875rem;
	color: #435064
}

.betting-box-form .kd-textinput, .betting-box-form .kd-textinput input {
	color: #435064;
	line-height: 1.3125rem;
	height: auto
}

.betting-box-form .kd-textinput {
	width: calc(100% - 1rem - 3.5rem - 2rem - 4.5rem * 2);
	font-size: .875rem;
	margin-left: .25rem;
	border: 1px solid #c7c3c3;
	background: #fff;
	border-radius: .3125rem
}

.betting-box-form .kd-textinput, .betting-box-form .kd-textinput.focus {
	padding: .125rem .25rem
}

.betting-box-form .kd-textinput.focus {
	border-color: #1377d7
}

.betting-box-foot .bet-button {
	text-align: center;
	font-size: 1rem;
	letter-spacing: .75rem;
	text-indent: .75rem;
	line-height: 1.5;
	margin-left: 1rem;
	color: #fff;
	border-radius: .3125rem;
	border: .125rem solid #0052af;
	background: #0b63e7;
	box-shadow: inset 0 .0625rem 0 0 #47c9ff
}

@media ( max-width :350px) {
	.betting-box-form label {
		font-size: .75rem
	}
	.betting-box-foot .bet-button {
		font-size: .875rem;
		letter-spacing: .75rem;
		text-indent: .75rem;
		margin-left: .75rem
	}
	.betting-box-form .kd-textinput {
		width: calc(100% - 1rem - 3rem - 1rem - 4.25rem * 2)
	}
}

.bet-setting-body .bet-button {
	letter-spacing: .875rem;
	text-indent: .875rem;
	margin: 0 .8rem
}

.betting-box-foot .bet-button.confirm {
	border-color: #018304;
	background: #02c507;
	box-shadow: inset 0 .0625rem 0 0 #1dfa18
}

.betting-box-foot .bet-button.cancel {
	border-color: #b42a00;
	background: #f9430b;
	box-shadow: inset 0 .0625rem 0 0 #fdcf7f
}

.betting-box-foot .bet-button.reset {
	border-color: #d93d07;
	background: #f05829;
	box-shadow: inset 0 .0625rem 0 0 #ffa473;
	display: inline-block
}

.betting-box-title {
	font-weight: 400
}

.betting-box-title-box {
	display: inline-block;
	background: #2091f8;
	color: #fff;
	padding: .25rem .625rem;
	border-radius: .325rem;
	letter-spacing: .125rem;
	box-shadow: 0 .0625rem 0 0 #6ab6fa
}

.betting-box .selected-balls {
	font-size: .75rem;
	margin-top: .5rem;
	min-height: .5rem;
	white-space: nowrap
}

.betting-box-body {
	overflow: auto;
	margin-top: .25rem;
	padding: 0 .5rem 6.25rem
}

.has-setting .betting-box-body {
	padding-bottom: 9.5rem
}

.betting-box-chips .item, .betting-box-lottery-balls .item {
	width: 20%;
	margin: 0 0 .625rem
}

.betting-box-form .betting-box-chips .item {
	width: 20%
}

.betting-box-lottery-balls .item.disabled {
	opacity: .4
}

.betting-box-lottery-balls .item.selected .lottery-ball {
	background: #1d7cd3;
	border-color: transparent;
	color: #fff
}

.betting-box-lottery-balls .item.selected .lottery-odd {
	color: #fff;
	opacity: .7
}

.betting-box-lottery-balls .item.disabled .lottery-ball {
	cursor: not-allowed
}

.betting-box .lottery-ball {
	display: block;
	margin: 0 auto;
	height: 41%;
	width: 82%;
	max-width: 6.75rem;
	font-size: .875rem;
	line-height: 1;
	cursor: default;
	border-radius: .3125rem;
	border: 1px solid #4aa8ff;
	color: #4aa8ff;
	font-weight: 700;
	padding-top: .1rem
}

.betting-box .lottery-ball .lottery-odd {
	font-weight: 400;
	-webkit-transform: scale(.84);
	transform: scale(.84);
	display: block;
	color: #999
}

.betting-box .lottery-ball.selected {
	background: #ffd54f;
	box-shadow: 0 0 .3125rem rgba(0, 0, 0, .25);
	color: #fff !important
}

.betting-box-lottery-balls.spectial-product .item {
	width: 25%
}

.betting-box-lottery-balls.spectial-product .lottery-ball {
	border-color: #aaabab;
	max-width: 12.125rem
}

.betting-box-lottery-balls .item.red .lottery-ball {
	color: #fc5249
}

.betting-box-lottery-balls .item.red.selected .lottery-ball {
	color: #fff;
	background: #fc5249
}

.betting-box-lottery-balls .item.blue .lottery-ball {
	color: #187cd7
}

.betting-box-lottery-balls .item.blue.selected .lottery-ball {
	color: #fff;
	background: #187cd7
}

.betting-box-lottery-balls .item.green .lottery-ball {
	color: #01aa19
}

.betting-box-lottery-balls .item.green.selected .lottery-ball {
	color: #fff;
	background: #01aa19
}

.betting-box-lottery-balls .item.yellow .lottery-ball {
	color: #ff9a0a
}

.betting-box-lottery-balls .item.yellow.selected .lottery-ball {
	color: #fff;
	background: #ff9a0a
}

.betting-box .lottery-odd {
	font-size: .75rem
}

.betting-box-lottery-balls.number-product .item {
	width: 14.28571%
}

.betting-box-lottery-balls.number-product .lottery-ball {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 1.2;
	border-color: #aaabab;
	border-radius: 50%;
	padding-top: .25rem
}

.betting-box-chips .item {
	margin-bottom: 1.25rem
}

.betting-box-chips .kd-chip-button {
	margin: 0 .3125rem
}

@media ( max-height :648px) {
	.betting-box-lottery-balls.number-product .lottery-ball {
		width: 2.25rem;
		height: 2.25rem;
		margin-top: 0
	}
	.betting-box-lottery-balls .item {
		margin-bottom: .4rem
	}
	.has-setting .betting-box-lottery-balls .item {
		margin-bottom: .3125rem
	}
}

@media ( min-height :648px) and (max-height:680px) {
	.betting-box-lottery-balls .item {
		margin-bottom: 1rem
	}
	.has-setting .betting-box-lottery-balls .item {
		margin-bottom: .625rem
	}
}

@media ( max-height :577px) {
	.kd-chip-button {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
	.betting-box-chips .item {
		margin-bottom: .1rem
	}
	.betting-box-body {
		padding-bottom: 5.375rem
	}
	.has-setting .betting-box-body {
		padding-bottom: 7.25rem
	}
	.betting-box-foot {
		padding-top: 1rem;
		padding-bottom: .5rem
	}
	.has-setting .betting-box-foot {
		padding-top: .2rem
	}
	.betting-box .selected-balls {
		margin-top: .3125rem
	}
}

@media ( max-height :531px) {
	.pcdd-betting-panel .inner {
		top: auto;
		bottom: .5rem
	}
	.pcdd-betting-panel .inner.has-setting {
		bottom: .1875rem
	}
	.has-setting .betting-box-body {
		padding-bottom: 7rem
	}
}

@media ( min-height :680px) {
	.betting-box-lottery-balls .item {
		margin-bottom: 1.2rem
	}
}

@media ( max-height :440px) {
	.has-setting .betting-box-body {
		height: 87vh
	}
}

.xyx-download .download-img {
	width: 58%;
	margin-top: -3rem
}

.xyx-download {
	background: #0f1419
}

.xyx-download .kd-body {
	max-width: 640px;
	margin: 0 auto;
	background: url(/static/images/ak-download-bg.png) no-repeat center 80%/contain
}

.xyx-download .app-link {
	color: #e1e1e2;
	border-color: #a5a6a6;
	border-image: linear-gradient(90deg, #a5a6a6 40%, #e1e1e2 48%, #a5a6a6 80%)
		1 1;
	background: #0f1419
}

.wheel__header {
	font-size: .875rem;
	text-align: center;
	padding-top: 29%
}

.page-lucky__button--wheel {
	padding: .5rem 1rem
}

.wheel__times {
	font-style: normal;
	color: #ffda2d
}

.wheel__main {
	margin-top: 10%;
	width: 85vw;
	height: 85vw;
	text-align: center;
	border: .3125rem solid #df1e00;
	border-radius: 50%;
	max-width: 30rem;
	max-height: 30rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	box-shadow: 0 0 2rem 1rem #f06d3c, inset 0 0 0 .125rem #fff8c4;
	font-weight: 700;
	text-shadow: 0 1px #999;
	position: relative;
	background: #ffbe04;
	overflow: hidden
}

.wheel__body {
	width: 88%;
	height: 88%;
	margin: 6% auto;
	position: relative;
	border: .125rem solid #ff9000;
	border-radius: 50%
}

.wheel__inner {
	width: 100%;
	background: #ffd277;
	border-radius: 50%;
	transition: -webkit-transform 6s ease;
	transition: transform 6s ease;
	transition: transform 6s ease, -webkit-transform 6s ease;
	overflow: hidden;
	will-change: transform
}

.wheel__inner, .wheel__part {
	height: 100%;
	position: absolute
}

.wheel__part {
	width: 50%;
	top: -50%;
	left: 50%;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	background: #fff8c4
}

.wheel__part:first-child {
	background: #41bbdf
}

.wheel__part:nth-child(3) {
	background: #8a80f8
}

.wheel__part:nth-child(5), .wheel__part:nth-child(13) {
	background: #f66aaa
}

.wheel__part:nth-child(7), .wheel__part:nth-child(15), .wheel__part:nth-child(21)
	{
	background: #f05d38
}

.wheel__part:nth-child(9), .wheel__part:nth-child(17), .wheel__part:nth-child(23),
	.wheel__part:nth-child(27) {
	background: #eb9a00
}

.wheel__part:nth-child(11), .wheel__part:nth-child(19), .wheel__part:nth-child(25),
	.wheel__part:nth-child(29), .wheel__part:nth-child(31) {
	background: #94b021
}

.wheel__light, .wheel__prize {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform-origin: center;
	transform-origin: center
}

.wheel__prize-item {
	font-size: .75rem;
	padding: .625rem 0
}

.wheel__prize-img {
	margin-top: 3%;
	background: red;
	max-width: 13%;
	max-height: 12vw
}

@media ( min-width :640px) {
	.wheel__prize-img {
		max-height: 5rem
	}
}

.wheel__body--odd .wheel__prize:nth-child(odd), .wheel__prize:nth-child(2n)
	{
	color: #f77602
}

.wheel__body--odd .wheel__prize:nth-child(2n), .wheel__prize:nth-child(odd)
	{
	color: #fff
}

.wheel__start {
	width: 43%;
	height: 43%;
	display: inline-block;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url(/static/images/lucky-wheel-start.png) no-repeat bottom;
	background-size: 100%
}

.wheel__pointer, .wheel__start {
	left: 50%;
	top: 50%;
	position: absolute
}

.wheel__pointer {
	width: 8%;
	-webkit-transform: translate(-50%, -81%);
	transform: translate(-50%, -81%);
	z-index: 2;
	cursor: pointer
}

.wheel__lights {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.wheel__light:before {
	content: "";
	display: inline-block;
	background: #fff;
	box-shadow: 0 0 0 1px #f56403;
	border-radius: 50%;
	width: 3%;
	padding-bottom: 3%;
	margin-top: 1.8%;
	-webkit-animation: p .4s step-end infinite;
	animation: p .4s step-end infinite
}

.wheel__light--sm:before {
	box-shadow: 0 0 0 2px #f56403;
	width: 2%;
	padding-bottom: 2%;
	margin-top: 2.4%;
	background: none;
	-webkit-animation: q .4s step-end infinite;
	animation: q .4s step-end infinite
}

@
-webkit-keyframes p { 50%{
	background: #df1e00
}

}
@
keyframes p { 50%{
	background: #df1e00
}

}
@
-webkit-keyframes q { 50%{
	opacity: 0
}

}
@
keyframes q { 50%{
	opacity: 0
}

}
.kd-list.basic-information {
	border: 1px solid #c1d5ff;
	border-right-width: 0;
	border-bottom-width: 0;
	padding: 0;
	margin: 1rem auto
}

.kd-list.basic-information .item {
	float: left;
	width: 50%;
	background: #fff;
	margin: 0
}

.kd-list.basic-information .item:after {
	display: none
}

.kd-list.basic-information .kd-col {
	padding: 0 .3125rem;
	font-size: .875rem;
	border: 1px solid #c1d5ff;
	border-top-width: 0;
	border-left-width: 0;
	height: 40px;
	line-height: 1;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all
}

.kd-list.basic-information .kd-col:first-child, .kd-list.basic-information .kd-col:last-child
	{
	background: none
}

.kd-list.basic-information .kd-col:before, .kd-list.basic-information .kd-col span
	{
	display: inline-block;
	vertical-align: middle
}

.kd-list.basic-information .kd-col:before {
	content: "";
	width: 0;
	height: 100%
}

.icon-account-promotion:before {
	content: "\ED0D";
	color: #29a1f7
}

.icon-account-edit-profile:before {
	content: "\ED06";
	color: #ff7955
}

.icon-account-edit-password:before {
	content: "\ED05"
}

.icon-account-bank-info:before {
	content: "\ED02";
	color: #0bc0a4
}

.icon-account-balance-sheet:before {
	content: "\ED01";
	color: #d4a106
}

.icon-account-money-in-out:before {
	content: "\ED0B";
	color: #f173bd
}

.icon-account-playing-record:before {
	content: "\ED0C";
	color: #1ec026
}

.icon-account-lottery-record:before {
	content: "\ED09";
	color: #c6ad09
}

.icon-account-check-in:before {
	content: "\ED03";
	color: #2a8ed4
}

.icon-account-activity:before {
	content: "\ED00";
	color: #f4502a
}

.icon-account-setting:before {
	content: "\ED0E";
	color: #ee6380
}

.icon-account-messages-list:before {
	content: "\ED0A";
	color: #059bf2
}

.icon-account-logout:before {
	content: "\ED08";
	color: #f05f3d
}

.icon-account-game:before {
	content: "\EB84";
	color: #2a8ed4
}

.icon-account-rob-coin:before {
	content: "\EB82";
	color: #f4502a
}

.icon-account-money-management:before {
	content: "\EDCA";
	color: #f73966
}

.icon-account-conversion:before {
	content: "\ED04";
	color: #059bf2
}

.icon-limit-conversion:before {
	content: "\ED07";
	color: #1ec026
}

.icon-choujiang:before {
	content: "\EDC1";
	color: #ef833b
}

.account-nav {
	background: #fff;
	font-size: .9375rem
}

.account-nav li {
	width: 33.33%;
	border: 1px solid #efefef;
	border-left-width: 0;
	border-top-width: 0;
	height: 5.75rem
}

.account-nav li:nth-child(3n) {
	border-right-width: 0
}

.account-nav a, .account-nav span {
	display: block;
	text-align: center;
	padding: .75rem;
	color: #636363
}

.account-nav a:active {
	background-color: #efefef;
	text-decoration: none
}

.account-nav a .icon {
	display: block;
	font-size: 2.5rem;
	margin-bottom: .3125rem
}

.account-nav a .icon.has-message:after {
	top: 0;
	margin-left: -8px;
	margin-left: -.5rem
}

.account-nav-wrapper .prompt-foot {
	padding: .25rem 1rem 0
}

.little-game-tips {
	position: relative
}

.little-game-tips:after {
	content: "\5C0F\6E38\620F";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	height: 16px;
	height: 1rem;
	line-height: 16px;
	line-height: 1rem;
	border-radius: 8px;
	border-radius: .5rem;
	padding: 0 4.8px;
	padding: 0 .3rem;
	font-size: 12px;
	font-size: .75rem;
	background: red;
	color: #fff;
	white-space: nowrap
}

.limit-popup .account-sub-nav {
	border-bottom: none
}

.limit-popup .account-sub-nav li {
	width: 50%
}

.account-sub-nav {
	background: #fff;
	border-bottom: 1rem solid #edf1f3;
	margin-top: -1rem;
	margin-bottom: 1rem
}

.account-sub-nav li {
	width: 33.33%;
	text-align: center;
	border: 1px solid #cfd5d8;
	border-left-width: 0;
	border-top-width: 0
}

.account-sub-nav li:last-child {
	border-right-width: 0
}

.account-sub-nav a {
	display: block;
	padding: 1rem 0;
	color: #5a5d5e;
	position: relative
}

.account-sub-nav a:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 3px solid #fff;
	position: absolute;
	left: 0;
	bottom: 0
}

.account-sub-nav .active a {
	color: #02b1c7
}

.account-sub-nav .active a:after {
	border-color: #02b1c7
}

.account-sub-nav.for-bank-info li, .account-sub-nav.for-money-record li
	{
	width: 50%
}

.type-body {
	border-bottom: 1rem solid #edf1f3;
	padding: 1rem 3.125%;
	font-size: .75rem;
	color: #666;
	text-align: center
}

.type-body .kd-field {
	margin-bottom: 1rem
}

.type-body .kd-field-title, .type-body .kd-textinput {
	display: inline-block;
	vertical-align: middle
}

.type-body .kd-field-title {
	font-size: 1rem
}

.type-body .kd-textinput {
	width: 50%
}

.type-body .kd-textinput, .type-body .kd-textinput input {
	font-size: .875rem
}

.type-body .kd-field .notice {
	padding-top: .5rem;
	color: #0149dd
}

.type-body.method-zfbqrcode {
	padding: 1rem 0;
	text-align: center;
	line-height: 1.5
}

.type-body.method-zfbqrcode .kd-field-title {
	width: 9rem;
	text-align: right
}

.type-body.method-zfbqrcode .qrcode {
	width: 70%;
	margin: 0 auto .5rem
}

.type-body .maintaining {
	font-size: 1rem;
	padding: 0 0 1rem
}

.type-body .main-button {
	font-size: 1rem;
	width: 80%;
	background: #29acf7;
	border-color: #29acf7
}

.type-body .notices-list {
	display: inline-block;
	text-align: left;
	margin-top: 1rem
}

.type-body .notices-list li {
	padding-left: 1rem;
	position: relative;
	margin-top: .5rem;
	line-height: 1.2
}

.type-body .notices-list li:before {
	content: "";
	display: inline-block;
	width: 10px;
	width: .625rem;
	height: 10px;
	height: .625rem;
	background: #29acf7;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
	top: .125rem
}

.bank-order-list {
	font-weight: 700;
	display: inline-block;
	text-align: left;
	line-height: 1.2;
	max-width: calc(50% + 5rem);
	margin-bottom: 1rem
}

.bank-order__text, .bank-order__title {
	display: table-cell
}

.bank-order__title {
	white-space: nowrap;
	padding: .25rem 0
}

.method-wyzz .notices-list {
	line-height: 1.5;
	padding: 0 1rem
}

.notices-list--qrcode {
	font-weight: 700;
	margin-bottom: .5rem
}

.prompt-service.promptbox {
	border-radius: .625rem;
	padding: 0;
	border: none;
	max-width: 400px
}

.prompt-service ~.promptbox-overlay {
	background: #000;
	height: calc(100% - 4.375rem);
	opacity: .7
}

.prompt-service .prompt-head {
	border-radius: .525rem .525rem 0 0;
	background: linear-gradient(90deg, #02aecb, #00cda8);
	padding-left: .8rem;
	letter-spacing: .5rem;
	font-size: 1rem;
	padding: .8rem
}

.prompt-service .prompt-close {
	width: 1.5rem;
	height: 1.5rem
}

.prompt-service .prompt-close.kd-close:before {
	width: 80%;
	margin-left: 10%
}

.prompt-service .prompt-close.kd-close:after {
	height: 80%;
	margin-top: 10%
}

.prompt-service .prompt-close.kd-close {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: .5rem;
	top: .6rem;
	right: .625rem
}

.prompt-service .prompt-body {
	background: #eee;
	padding: 1rem .5rem;
	border-radius: 0 0 .525rem .525rem
}

.prompt-service__item {
	font-size: 1rem;
	background: #fff;
	border-radius: .5rem;
	position: relative;
	text-align: left;
	cursor: pointer;
	padding: .25rem .5rem;
	margin-bottom: .5rem;
	border: 1px solid #e1e1e1;
	color: #62b900
}

.prompt-service__arrow {
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2rem
}

.prompt-service__arrow:before {
	content: "\EF61"
}

.prompt-service__item .icon--large {
	font-size: 2.5rem;
	vertical-align: middle;
	margin-right: .5rem
}

.prompt-service__item .icon--large:before {
	color: inherit
}

.prompt-service__intro {
	display: inline-block;
	vertical-align: -.875rem;
	color: #3f3f3f
}

.prompt-service__status {
	display: block;
	color: #62b900;
	font-size: .75rem
}

.prompt-service__status:before {
	content: "\5728\7EBF";
	vertical-align: 4px
}

.prompt-service__status:after {
	content: "\EF59";
	font-size: 16px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: baseline
}

.prompt-service__item--qq {
	color: #4a86f0
}

.prompt-service__item--chat {
	color: #fe6c54
}

.icon-chat:before {
	content: "\EF62"
}

.icon-weixin:before {
	content: "\ED44";
	color: #62b900
}

.icon-qq-im:before {
	content: "\EF58";
	color: #4a86f0
}

.prompt-service__item--off, .prompt-service__item--off .prompt-service__intro,
	.prompt-service__item--off .prompt-service__status {
	color: #a6a6a6
}

.prompt-service__item--off .prompt-service__status:before {
	content: "\79BB\7EBF"
}

.game-maintenance {
	width: 70%;
	max-width: 23rem;
	text-align: center;
	position: fixed;
	top: 10rem;
	margin: 0 auto;
	z-index: 6;
	border-radius: .5rem;
	background: #fff;
	padding: .75rem 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: 3px;
	border: 2px solid #008ca5
}

.game-maintenance .icon {
	font-size: 1.8rem;
	vertical-align: middle
}

.game-maintenance .icon:before {
	color: #008ca5
}

.copyright {
	border-top: 1px solid #e7e1e1;
	text-align: center;
	padding: .3125rem 0;
	font-size: .75rem;
	color: #8b8b8b
}

.copyright-c {
	font-size: 1.125rem;
	vertical-align: middle
}

.copyright p+p {
	line-height: 1.5
}

.ak-ico {
	vertical-align: middle;
	border: 1px solid #000;
	border-radius: 50%;
	display: inline-block;
	width: 21px;
	height: 21px;
	padding: 2px
}

.ak-ico, .copyright-c {
	margin: 0 .2rem
}

@media ( min-width :480px) {
	.copyright .copyright-pc {
		display: inline
	}
}

.kd-page {
	min-height: 100%
}

.page-account, .page-account-money-in, .page-account-money-out,
	.page-activities-list {
	background: #edf1f3
}

.page-game-pcdd {
	background: #ebebeb
}

.page-game-pcdd-room {
	background: #eaeaea
}

.kd-body {
	padding: 4.0625rem 0 5rem
}

.is-hide-toolbar .kd-body {
	padding-bottom: 1.5625rem
}

.kd-body.account, .kd-body.article-detail, .kd-body.chat-room, .kd-body.game,
	.kd-body.game-record, .kd-body.home {
	padding-top: 3.0625rem
}

.kd-body.game, .kd-body.home {
	padding-bottom: 4.3125rem
}

.is-hide-toolbar .kd-body.game, .is-hide-toolbar .kd-body.home {
	padding-bottom: .8125rem
}

.kd-body.game.cart-not-empty {
	padding-bottom: 8.0625rem
}

.is-hide-toolbar .kd-body.game.cart-not-empty {
	padding-bottom: 4.625rem
}

.kd-body.game {
	padding-top: 7.25rem;
	padding-left: 4.5rem
}

.kd-body.game.game-l {
	padding-top: 8.4375rem
}

.kd-body.game.game-d, .kd-body.game.game-d-room {
	padding-left: 0
}

.kd-body.game.game-d {
	padding-top: 3rem
}

.kd-body.game.game-d-room {
	padding-top: 6.9375rem;
	padding-bottom: 7.6875rem
}

.is-hide-toolbar .kd-body.game.game-d-room {
	padding-bottom: 4.25rem
}

.kd-body.chat-room {
	padding-bottom: 10.8125rem
}

.is-hide-toolbar .kd-body.chat-room {
	padding-bottom: 7.375rem
}

.back-to-top {
	position: fixed;
	bottom: 15%;
	left: 5%;
	display: block;
	height: 2rem;
	width: 2rem;
	background: #000;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 2rem;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	opacity: .65;
	z-index: 2
}

.back-to-top:before {
	content: "\EF15";
	margin-right: 5px
}

.maintain-overlay {
	background: #02aecb;
	background: linear-gradient(top, rgba(0, 205, 168, .95),
		rgba(2, 174, 203, .95) 30%, rgba(2, 174, 203, .95) 70%,
		rgba(0, 205, 168, .95));
	background: -webkit-linear-gradient(top, rgba(0, 205, 168, .95),
		rgba(2, 174, 203, .95) 30%, rgba(2, 174, 203, .95) 70%,
		rgba(0, 205, 168, .95));
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	padding: 1rem
}

.maintain-overlay:before, .maintain-overlay span {
	display: inline-block;
	vertical-align: middle
}

.maintain-overlay:before {
	content: "";
	height: 100%;
	width: 0
}

.maintain-overlay span {
	font-size: 1.2rem;
	line-height: 1.5
}

@media only screen and (min-width:960px) {
	body {
		background: #fcfcfc
	}
	.bet-form, .chat-textinput, .follow-betting, .game-list-wrapper,
		.kd-head, .kd-loading, .kd-menu-wrapper, .kd-page, .kd-toolbar,
		.lottery-wrapper, .pcdd-betting-panel, .pcdd-chat-footer,
		.pcdd-game-head, .pcdd-redpack__box, .promptbox-wrapper,
		.room-latest-history-list, .waiting {
		max-width: 640px;
		margin: 0 auto
	}
	.follow-betting, .kd-loading, .pcdd-betting-panel, .pcdd-game-head,
		.promptbox-wrapper, .room-latest-history-list {
		right: 0
	}
	.kd-body .lottery-wrapper, .kd-menu-wrapper, .playing-methods-wrapper {
		left: auto
	}
	.kd-page {
		position: relative;
		box-shadow: 0 0 5px 1px #ccc
	}
	.kd-menu-wrapper, .menu-is-visible .kd-head, .menu-is-visible .kd-toolbar
		{
		position: absolute
	}
	.menu-is-visible {
		overflow-y: hidden;
		height: 100%
	}
	.kd-body.game {
		padding-left: 0
	}
	.playing-method-section {
		margin-left: 4.5rem
	}
	.filter-tool-toggle {
		right: calc(( 100% - 640px)/2)
	}
	.pcdd-redpack__btn {
		max-width: 4rem;
		right: calc(( 100% - 640px)/2+ .5rem)
	}
}

.icon-redpack:before {
	content: "\EF0E"
}

.article-title {
	max-width: 93.75%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0;
	padding-bottom: 0
}

.article-title:after, .article-title:before {
	display: none
}

.article-title time {
	display: block;
	font-size: .8em;
	margin-top: .5rem;
	color: #666
}

.redpack {
	color: red;
	display: inline-block;
	margin-top: 1rem
}

.redpack .icon {
	font-size: 2rem
}

.kd-button.red {
	background: #c70000;
	border-color: #9e0000;
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: .3125rem
}

.kd-button.red .icon-redpack {
	font-size: 1.5rem;
	vertical-align: middle;
	margin-right: .3rem
}

.red-package-password .kd-button {
	padding: .5rem
}

.icon-activity-55:before {
	content: "\EDC5";
	color: #f271f4
}

.icon-activity-56:before {
	content: "\EDC3";
	color: #ef833b
}

.icon-activity-57:before {
	content: "\EDC2";
	color: #e8c607
}

.icon-activity-58:before {
	content: "\EDCA";
	color: #f73966
}

.icon-activity-59:before {
	content: "\EDC7";
	color: #f2be2c
}

.icon-activity-60:before {
	content: "\EDC8";
	color: #ff9e00
}

.icon-activity-61:before {
	content: "\EDCD";
	color: #d81e06
}

.icon-activity-62:before {
	content: "\EDC6";
	color: #f271f4
}

.icon-activity-63:before {
	content: "\EDC1";
	color: #ef833b
}

.icon-activity-64:before {
	content: "\EDCE";
	color: #e8c607
}

.icon-activity-65:before {
	content: "\EDC4";
	color: #f73966
}

.icon-activity-66:before {
	content: "\EDC9";
	color: #f2be2c
}

.icon-activity-67:before {
	content: "\EDCF";
	color: #ff9e00
}

.icon-activity-68:before {
	content: "\EDCC";
	color: #d81e06
}

.icon-activity-69:before {
	content: "\EDCB";
	color: #f271f4
}

.icon-activity-70:before {
	content: "\EDC0";
	color: #ef833b
}

.kd-list.activities .item {
	margin-bottom: 1rem;
	background: #fff
}

.activity-box {
	display: block;
	padding: .75rem calc(3.125% + 2rem);
	border: 1px solid #dcdcdc;
	border-left-width: 0;
	border-right-width: 0;
	color: #666
}

.activity-box .icon, .activity-box:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.activity-box .icon {
	left: 3.125%;
	font-size: 1.5rem
}

.activity-box:after {
	content: "\EF15";
	right: 3.125%;
	color: #b1b7ba
}

.recommended {
	display: inline-block;
	width: 16px;
	height: 16px;
	background:
		url()
		no-repeat
}

.page-notices-list li {
	margin-bottom: 1rem
}

.remind {
	color: #02aecb;
	width: 93.75%;
	margin-right: auto;
	margin-left: auto
}

.online-service-chat-room .chat-textinput {
	text-align: right
}

.button-upload {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 24px;
	background-color: #daf9f3;
	border: 1px solid #00cda8;
	overflow: hidden;
	position: relative
}

.button-upload input[type=file] {
	font-size: 8rem;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	opacity: 0
}

.button-upload:before, .button-upload span:after, .button-upload span:before
	{
	content: "";
	display: block;
	position: absolute
}

.button-upload:before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #00cda8;
	top: 2px;
	right: 12px
}

.button-upload span:after, .button-upload span:before {
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 0 12px 13px;
	border-bottom-color: #00cda8;
	bottom: 0;
	left: 0
}

.button-upload span:after {
	left: 45%;
	bottom: -3px
}

@
keyframes r { 0%{
	transform: scale(0);
	-webkit-transform: scale(0);
	opacity: 0
}

5%{
opacity
:
1
}
to {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0
}

}
@
-webkit-keyframes r { 0%{
	transform: scale(0);
	-webkit-transform: scale(0);
	opacity: 0
}

5%{
opacity
:
1
}
to {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0
}

}
.ball-scale-multiple {
	display: inline-block;
	width: 6.25rem;
	height: 6.25rem;
	position: relative
}

.ball-scale-multiple .item {
	background: #02aecb;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	animation: r 1.5s 0s linear infinite;
	-webkit-animation: r 1.5s 0s linear infinite
}

.ball-scale-multiple .item:nth-child(2) {
	animation-delay: .3s;
	-webkit-animation-delay: .3s
}

.ball-scale-multiple .item:nth-child(3) {
	animation-delay: .6s;
	-webkit-animation-delay: .6s
}

.waiting {
	position: fixed;
	top: 3.0625rem;
	right: 0;
	bottom: 4.3125rem;
	left: 0;
	background: #fff;
	z-index: 3;
	text-align: center
}

.is-hide-toolbar .waiting {
	bottom: .8125rem
}

.waiting .text {
	margin-top: 1rem;
	line-height: 1.5;
	color: #00cda8
}

.lottery-wrapper {
	background: #fff;
	position: fixed;
	top: 3.0625rem;
	left: 0;
	width: 100%;
	z-index: 2;
	border-bottom: 1px solid #ececec;
	min-width: 320px
}

.lottery-wrapper .lottery-status-wrapper, .lottery-wrapper .playing-news
	{
	display: inline-block;
	vertical-align: middle;
	width: auto
}

.lottery-wrapper .kd-container.cqssc, .lottery-wrapper .kd-container.jsk3,
	.lottery-wrapper .kd-container.marksix, .lottery-wrapper .kd-container.pk10,
	.lottery-wrapper .kd-container.sd115, .lottery-wrapper .kd-container.sfc
	{
	white-space: nowrap;
	overflow: hidden
}

.lottery-wrapper .playing-news {
	width: 80%
}

.fixfixed .lottery-wrapper {
	position: absolute
}

.pcdd-banner {
	position: relative
}

.pcdd-banner img {
	vertical-align: middle;
	width: 100%
}

.pcdd-banner .qrcode {
	background: #fff;
	width: 18%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: .25rem;
	border: .08rem solid #ff0096;
	border-radius: .0625rem
}

.pcdd-siteinfo {
	margin-top: .8rem;
	background: #fff;
	border-radius: .5rem;
	border: .0625rem solid #dfd7d7;
	box-shadow: 0 .125rem #7bc6fb;
	padding: .25rem .2rem .25rem .5rem;
	font-size: .75rem;
	color: #7c8184;
	text-align: center
}

.pcdd-user .count {
	color: #323d44
}

.pcdd-user {
	min-width: 11rem;
	text-align: left
}

.pcdd-user-total, .pcdd-user-win {
	padding: .25rem 0
}

.pcdd-user-total:before, .pcdd-user-win:before {
	content: "\EF35";
	color: #52b0eb;
	font-size: 1.25em;
	vertical-align: middle;
	display: inline-block;
	padding-left: 2px;
	padding-left: .125rem;
	margin-right: 2px;
	margin-right: .125rem;
	position: relative;
	top: -2px
}

.pcdd-user-win {
	border-top: 1px solid #e8eff0;
	padding-bottom: 0
}

.pcdd-user-win:before {
	content: "\EF34";
	color: #ec8947;
	font-size: 1.5em;
	padding-left: 0
}

.pcdd-win {
	color: #0a62f5;
	font-size: 1.25rem;
	padding: .3125rem 0;
	width: calc(100% - 11rem - 3.5625rem)
}

.pcdd-win-rate {
	color: #5aaee9;
	font-size: .75rem;
	padding-top: .2rem
}

.pcdd-win-rate:before {
	content: "\EF36";
	font-size: 1.25em;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.pcdd-rule {
	padding: .25rem 0 0 .5rem;
	border-left: .0625rem solid #dde3e4
}

.kd-chip-button.chip-odd-desc.playing-rule-button {
	color: #043bd7;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer
}

.kd-chip-button.chip-odd-desc.playing-rule-button:before {
	border-left-color: #fff;
	opacity: .3
}

.rooms-list {
	padding: .75rem 0;
	font-size: 0
}

.firefox .pcdd-user-total:before, .firefox .pcdd-user-win:before,
	.firefox .pcdd-win-rate:before {
	margin-top: 3px
}

@media ( max-width :330px) {
	.pcdd-rule {
		padding-left: .5rem
	}
	.pcdd-win {
		width: calc(100% - 11rem - 3.5625rem + .3125rem)
	}
}

.pcdd-game-head {
	position: fixed;
	top: 3rem;
	left: 0;
	width: 100%;
	min-width: 320px;
	z-index: 1
}

.fixfixed .pcdd-game-head {
	position: absolute
}

.page-game-pcdd-room .head-title {
	max-width: 62%
}

.page-game-pcdd-room .kd-head-item.total-betting-amount {
	left: auto;
	right: auto;
	width: 100%
}

.game-record .kd-box {
	margin-bottom: 1rem;
	padding: .5rem;
	border-top: 3px solid #02aecb;
	font-size: .875rem
}

.game-record .kd-box .item * {
	font-size: .875rem
}

.game-record .kd-box .item+.item {
	margin-top: .5rem
}

.game-record .kd-box .item-title {
	color: #999;
	font-size: .75rem;
	width: 22%;
	text-align: right
}

.game-record .kd-box .item-body {
	width: 78%
}

.game-record .kd-box .item.datetime {
	color: #999
}

.game-record .kd-box li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: .125rem
}

.game-record .kd-box .lottery-ball {
	margin-bottom: .125rem
}

.game-record .kd-box .lottery-ball.pk10 {
	font-size: .75rem;
	height: 1.25rem;
	width: 1.25rem;
	line-height: 1.125rem
}

.game-record .kd-box .lottery-ball.marksix {
	font-size: .75rem;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.4rem
}

.game-record .kd-box .lottery-plus {
	top: -.6125rem;
	left: .125rem
}

.game-record .kd-box .lottery-prop {
	padding: 0;
	min-width: 0
}

.game-record .kd-box .balls {
	display: inline-block
}

.download-app .kd-head, .download-app .kd-toolbar {
	display: none
}

.download-app {
	background: url(/static/images/download-app-left.svg),
		url(/static/images/download-app-right.svg);
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: left 1.875rem, right 1.875rem
}

.download-app .kd-body {
	padding: 0
}

.download-app-logo {
	width: 63%;
	margin: 0 auto;
	text-align: center;
	position: relative
}

.download-app-logo__title {
	position: absolute;
	width: 100%;
	bottom: 3.8vw;
	font-size: 3.8vw;
	font-weight: 700;
	font-style: italic;
	color: #fff
}

@media ( min-width :630px) {
	.download-app-logo__title {
		font-size: 1.5rem;
		bottom: 1.3rem
	}
}

.download-app-section {
	width: 63%;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.download-app-title {
	font-size: 1rem;
	border-bottom: 1px solid #d1d1d1;
	padding: 2rem 0 1.5rem
}

.download-app-text {
	color: #ff3500;
	margin: 1.5rem 0 .5rem;
	font-size: .875rem;
	line-height: 1.5
}

.download-app-text strong {
	display: block
}

.download-app-btn {
	margin: .5rem 0;
	padding: .5rem 0;
	width: 10.875rem;
	display: inline-block;
	border-radius: 2rem;
	background: #ff3500;
	color: #fff;
	font-size: .875rem;
	position: relative;
	box-shadow: 0 1px 1px rgba(255, 139, 141, .75)
}

.download-app-btn .icon {
	font-size: 1.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
	margin-right: .2rem
}

.download-app .coming-soon {
	position: absolute;
	display: block;
	color: #fff;
	background: #e8226e;
	border-radius: 50%;
	padding: .6rem;
	width: 3rem;
	height: 3rem;
	font-size: .75rem;
	top: -19px;
	right: -43px;
	z-index: 1;
	line-height: 1;
	-webkit-transform: scale(.84);
	transform: scale(.84)
}

.download-app .coming-soon:before {
	width: 0;
	height: 0;
	content: "";
	display: block;
	border: 24px solid transparent;
	border: 1.5rem solid transparent;
	border-right-color: #e8226e;
	right: 70%;
	position: absolute;
	top: 8px;
	top: .5rem;
	-webkit-transform: rotateX(70deg);
	transform: rotateX(70deg)
}

.download-app-link {
	color: #d81e36;
	padding: .5rem;
	position: absolute;
	top: 0;
	left: 0;
	font-size: .875rem
}

.download-app-overlay {
	position: fixed;
	background: rgba(0, 0, 0, .7);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	max-width: 640px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 1.2
}

.download-app-overlay__arrow {
	width: 20%;
	display: inline-block;
	margin: 2rem 0 0 -3rem;
	font-size: 0
}

.download-app-overlay__safari {
	display: inline-block;
	margin-top: 2rem;
	border: 2px solid #ff3500;
	width: 30%;
	padding: .75rem .5rem
}

.download-app-overlay__safari-img {
	display: inline-block;
	padding: 12%;
	background: #fff;
	border-radius: .75rem
}

.download-app-overlay__safari-text {
	margin-top: .125rem
}

.download-app-btn--ios {
	border-radius: .625rem
}

.download-app-btn__img {
	width: 2rem;
	vertical-align: middle
}

.download-app-btn__iostext {
	vertical-align: middle
}

.download-app-btn__text {
	display: block;
	font-size: .875rem;
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.icon-apple:before {
	content: "\EE19"
}

.icon-android:before {
	content: "\EE1A"
}

.page-download .kd-head, .page-download .kd-toolbar {
	display: none
}

.page-download {
	background: #0f1419 url(/static/images/download-bg.png) no-repeat;
	background-size: cover;
	text-align: center;
	color: #cdc06b;
	font-size: .875rem
}

.page-download .kd-body {
	padding: 3.0625rem 0
}

.download-img {
	width: 70%;
	max-width: 30rem
}

.download-desc:after, .download-desc:before {
	content: "";
	display: inline-block;
	height: 1px;
	height: .0625rem;
	width: 30px;
	width: 1.875rem;
	background: currentColor;
	vertical-align: middle;
	margin: 0 10px;
	margin: 0 .625rem
}

.app-link {
	display: inline-block;
	width: 11rem;
	padding: .5rem 0 .75rem;
	margin-top: 1rem;
	position: relative;
	font-size: 1rem;
	border-radius: .2rem;
	color: #cdc06b;
	border: .125rem solid #ce8d26;
	background: #0f1419;
	border-image: linear-gradient(90deg, #ce8d26 40%, #cdc06b 48%, #ce8d26 80%)
		1 1
}

.app-link .icon {
	padding-right: .5rem;
	font-size: 1.25em;
	line-height: 1;
	position: relative;
	top: .1625rem
}

.page-download .coming-soon {
	position: absolute;
	display: block;
	content: "\5373\5C06\4E0A\7EBF";
	color: #fff;
	background: #f71a17;
	border-radius: 50%;
	padding: .6rem;
	width: 3rem;
	height: 3rem;
	font-size: .75rem;
	top: -8px;
	right: -43px;
	z-index: 1;
	line-height: 1
}

.page-download .coming-soon:before {
	width: 0;
	height: 0;
	content: "";
	display: block;
	border: 24px solid transparent;
	border: 1.5rem solid transparent;
	border-right-color: #f71a17;
	right: 70%;
	position: absolute;
	top: 8px;
	top: .5rem;
	-webkit-transform: rotateX(70deg);
	transform: rotateX(70deg)
}

.app-link--ios {
	border-radius: .625rem
}

.app-link__img {
	width: 2rem;
	vertical-align: middle
}

.app-link__iostext {
	vertical-align: middle;
	font-weight: 400
}

.app-link__text {
	display: block;
	font-size: .875rem;
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.page-lucky .kd-head, .page-lucky .kd-toolbar {
	display: none
}

.page-lucky {
	background: #d72521
}

.page-lucky .kd-body {
	padding: 0
}

.page-lucky__header {
	margin-top: .5rem;
	font-size: .875rem
}

.page-lucky__container {
	max-width: 750px;
	padding: 0 0 1rem;
	margin: 0 auto;
	background: url(/static/images/lucky-bg.png) top no-repeat;
	background-size: 100% auto
}

.page-lucky__button {
	border-radius: 1rem;
	box-shadow: inset 0 0 .75rem .375rem hsla(1, 100%, 75%, .5);
	display: inline-block;
	padding: .625rem 1rem;
	color: #fff;
	text-shadow: 0 1px #a70d0d
}

.page-lucky__button--back {
	margin-left: -1rem;
	padding-left: 1.5rem
}

.page-lucky__button--back:before {
	content: "\EF14"
}

.page-lucky__button--record {
	float: right;
	margin-right: -1rem;
	padding-right: 1.5rem
}

.page-lucky__rule-title {
	color: #fdd75b;
	text-align: center;
	background: url(/static/images/lucky-rule.png) no-repeat 50%;
	background-size: contain;
	padding: .875rem;
	letter-spacing: .25rem;
	text-indent: -.5rem;
	margin: 1rem 0
}

.page-lucky__rule {
	color: #fca6a4;
	line-height: 1.75;
	font-size: .875rem
}

.logo-wrapper {
	display: block;
	height: 60px;
	width: 130px;
	border: 1px solid #02a6c2;
	background: #01beb8;
	box-shadow: 0 1px 1px hsla(0, 0%, 100%, .3);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	text-align: center;
	margin-bottom: 1rem
}

.logo-wrapper:before {
	content: "";
	width: 0;
	height: 100%;
	display: inline-block
}

.logo-wrapper .logo, .logo-wrapper:before {
	vertical-align: middle
}

.logo-wrapper .logo {
	color: #fff;
	text-shadow: 0 1px 0 rgba(62, 176, 187, .75)
}

.kd-row-remembered {
	margin-top: 1.5rem
}

.kd-row-remembered .kd-col {
	width: 33.33%
}

.kd-form .kd-field.agree {
	padding-left: 2rem;
	position: relative
}

.kd-form .kd-field.agree .kd-checkbox {
	position: absolute;
	left: 0;
	top: 2px
}

.prompt-rule {
	max-width: 90%
}

.prompt-rule .prompt-head {
	font-size: 1rem
}

.prompt-rule .prompt-body {
	font-size: .875rem;
	line-height: 2rem
}

.kd-button.mobile_code-btn {
	font-size: .75rem;
	float: right;
	width: 9rem;
	margin: 0 0 0 .5rem;
	padding: .5625rem 0
}

.textinput_mobile {
	vertical-align: middle
}

.prompt-verifycode__input, .textinput_mobile {
	width: auto;
	overflow: hidden
}

.prompt-verifycode__img {
	float: right;
	margin-left: .5rem;
	height: 2.375rem
}

.prompt-verifycode .kd-button {
	letter-spacing: .5rem;
	text-indent: .5rem
}

.forgot-password-form .step li {
	height: 2rem;
	line-height: 2rem;
	background: #dfdfdf;
	width: 33.33%;
	text-align: center;
	position: relative;
	margin-bottom: 1rem;
	color: #666
}

.forgot-password-form .step li:not (:last-child ):after,
	.forgot-password-form .step li:not (:last-child ):before {
	content: "";
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border: 1rem solid transparent;
	border-right-width: 0;
	border-left-color: #dfdfdf;
	position: absolute;
	left: 100%;
	top: 50%;
	z-index: 2;
	margin-top: -16px;
	margin-top: -1rem;
	margin-left: -1px
}

.forgot-password-form .step li:not (:last-child ):after {
	border-left-color: #bbb;
	z-index: 1;
	margin-left: 0
}

.forgot-password-form .step0 li:first-child, .forgot-password-form .step1 li:first-child,
	.forgot-password-form .step1 li:first-child+li, .forgot-password-form .step2 li
	{
	background: #00cda8;
	color: #fff
}

.forgot-password-form .step0 li:first-child:before,
	.forgot-password-form .step1 li:first-child+li:before,
	.forgot-password-form .step1 li:first-child:before,
	.forgot-password-form .step2 li:before {
	border-left-color: #00cda8 !important
}

.forgot-password-form .step0 li:first-child:after, .forgot-password-form .step1 li:first-child+li:after,
	.forgot-password-form .step1 li:first-child:after,
	.forgot-password-form .step2 li:after {
	border-left-color: #efefef !important
}

.forgot-password-form .photo-secure-code, .forgot-password-form .secure-code
	{
	display: inline-block;
	vertical-align: middle
}

.forgot-password-form .secure-code {
	width: 50%;
	margin-right: .5rem
}

.kd-button.go-to-referrals, .promotion-article .kd-list.two-cols.earnings
	{
	line-height: 1
}

.kd-button.go-to-referrals {
	display: block;
	max-width: 160px;
	margin: 1rem auto
}

.downline-members-list td, .downline-members-list th {
	text-align: center
}

.downline-members-list th {
	font-size: 1rem;
	font-weight: 400;
	background-color: #efefef
}

.downline-members-list .empty {
	padding: 2rem 1rem
}

.downline-members-list .continue {
	padding: 1rem
}

.money-wrapper {
	margin-top: -1rem
}

.money-in {
	border-left-width: 0;
	border-right-width: 0
}

.money-in .type {
	background: #fff
}

.money-in .type-title {
	display: block;
	border-bottom: 1px solid #ced2d4;
	padding: 1rem 1rem 1rem 4.5rem;
	position: relative;
	cursor: pointer
}

.money-in .type:last-child .type-title {
	border-bottom-width: 0
}

.money-in .type-title .icon {
	font-size: 3rem;
	position: absolute;
	top: 50%;
	left: 1rem;
	margin-top: -1.5rem
}

.money-in .type-title .title {
	display: block;
	font-size: 1rem;
	color: #666;
	font-weight: 400
}

.money-in .type-title .info {
	display: block;
	font-size: .75rem;
	color: #999;
	margin-top: .3125rem;
	padding-right: 1rem
}

.money-in .type-title:after {
	content: "\EF15";
	color: #b1b7ba;
	position: absolute;
	right: 16px;
	right: 1rem;
	top: 50%;
	margin-top: -8px;
	margin-top: -.5rem
}

.icon-payunion1, .money-in .icon-payunion {
	width: 3rem;
	height: 3rem;
	background: url(/static/images/union-pay.svg) no-repeat 50%
}

.money-in .icon-payunion:before {
	content: ""
}

.money-in__head {
	padding: .25rem 1rem
}

.money-in__title {
	vertical-align: middle
}

.money-in__head .icon {
	color: #ff8082;
	font-size: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	vertical-align: middle;
	margin-right: .25rem
}

.icon-online-moneyin:before {
	content: "\EF75"
}

.icon-offline-moneyin:before {
	content: "\EF76"
}

.money-in .opened .type-title:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.money-in-closed {
	font-size: 1rem;
	padding: 1rem .5rem;
	line-height: 1.2;
	color: red
}

.money-in-closed .icon {
	font-size: 1.625rem;
	float: left;
	margin: -.375rem .25rem 0
}

.mone-in-out .account-sub-nav li {
	width: 25%
}

.mone-out .kd-form {
	max-width: 300px
}

.mone-out .main-button {
	margin-top: 1rem;
	font-size: 1rem;
	background: #29acf7;
	border-color: #29acf7
}

.money-out .main-button {
	display: block
}

.prompt-tip .prompt-body {
	line-height: 2rem
}

.prompt-tip .prompt-foot {
	text-align: center;
	margin-top: 1rem
}

.prompt-tip .kd-button {
	width: 40%;
	margin: 0 2.5%;
	font-size: .875rem
}

.mone-out .caption {
	line-height: 2rem;
	margin-top: .5rem;
	border-top: 1px solid #efefef;
	padding-top: .5rem
}

.mone-out .important {
	color: red
}

.playing-record-list .data-item {
	font-size: 0
}

.playing-record-list .data-item .data-item-key, .playing-record-list .data-item .data-item-value
	{
	font-size: .875rem;
	vertical-align: middle
}

.playing-record-list .data-item li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: .125rem
}

.playing-record-list .data-item .lottery-ball {
	margin-bottom: .125rem
}

.playing-record-list .data-item .lottery-ball.pk10 {
	font-size: .75rem;
	height: 1.25rem;
	width: 1.25rem;
	line-height: 1.125rem
}

.playing-record-list .data-item .lottery-ball.marksix {
	font-size: .75rem;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.4rem
}

.playing-record-list .data-item .lottery-plus {
	top: -.6125rem;
	left: .125rem
}

.playing-record-list .data-item .lottery-prop {
	padding: 0;
	min-width: 0
}

.playing-record-list .data-item .balls {
	display: inline-block
}

.playing-record-list .data-item .data-item-key {
	width: 20%
}

.playing-record-list .data-item .data-item-value {
	width: 80%
}

@media ( min-width :540px) {
	.playing-record-list .data-item .data-item-key {
		width: 30%
	}
	.playing-record-list .data-item .data-item-value {
		width: 70%
	}
}

.data-detail-btn {
	position: absolute;
	right: 1rem
}

.data-detail-btn:after {
	content: "\EF15";
	color: #b1b7ba;
	vertical-align: middle
}

.data-detail-btn--down:after {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.kd-form.account-setting {
	width: 85%
}

.kd-chips {
	font-size: 0;
	text-align: center
}

.kd-chips .kd-chip {
	margin: .5rem .5rem 0
}

.kd-field-title.inline {
	display: inline-block
}

.prompt-message .promptbox {
	max-width: 90%
}

.prompt-message .promptbox-overlay {
	background: none
}

.messages-nav {
	font-size: .875rem
}

.messages-nav li {
	width: 50%;
	text-align: center
}

.messages-nav a {
	display: block;
	color: #121212;
	padding: .5rem
}

.messages-nav .active {
	background: #02aecb
}

.messages-nav .active a {
	color: #fff
}

.message-actions {
	padding: .5rem;
	border: 1px solid #02aecb;
	border-left-width: 0;
	border-right-width: 0;
	font-size: .875rem;
	margin-bottom: 1rem
}

.message-actions a {
	margin: 0 .3rem;
	color: #121212
}

.messages-list {
	padding: 0 .5rem;
	font-size: .875rem
}

.messages-list li {
	margin-bottom: .5rem;
	padding: 0 1rem 0 1.5rem;
	position: relative
}

.messages-list a {
	color: #121212
}

.messages-list .kd-checkbox {
	vertical-align: middle;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 0;
	left: 0
}

.messages-list .kd-checkbox.checked:before {
	font-size: 14px;
	font-size: .875rem
}

.messages-list .red, .messages-list .red a {
	color: #ccc
}

.messages-list .delete {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 0
}

.messages-list .delete:before {
	content: "\EF12";
	font-size: 14px;
	font-size: .875rem;
	color: red;
	position: relative;
	top: 2px;
	margin-left: 8px;
	margin-left: .5rem
}